web开发 | 易学教程

【年度盛宴】2012年度最佳 Web 前端开发工具和框架——《下篇》

阅读更多关于【年度盛宴】2012年度最佳 Web 前端开发工具和框架——《下篇》

　　技术的快速发展让 Web 开发人员学习起来不知所措，幸运的是，很多优秀的开发者和设计人员在努力寻找各种有特色的解决方案。因此，我们有了很多优秀的小工具和库，每一个都是用来解决特定的问题或维护一组特定的项目。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架，这是一个非常值得收藏的工具列表。 11. Sublime Text 2 　　如果你想体验流畅编写代码的快感，赶紧试试 Sublime Text 2 吧！　　 Sublime Text 具有漂亮的用户界面和强大的功能，例如代码缩略图，多重选择，快捷命令等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ，Goto 功能，即时项目切换，多选择，多窗口等等。　　Sublime Text 是一款跨平台的编辑器，同时支持 Windows、Linux、Mac OS X 等操作系统。Sublime Text 2 是收费软件，但目前可以无限期试用。 12. PhoneGap 2.0 　　 PhoneGap 是一个免费开源的开发框架，让 Web 开发人员能够使用熟悉的 HTML ， CSS 和 JavaScript 构建跨平台的移动本地应用。　　通过 PhoneGap 框架提供的 JavaScript API

【年度盛宴】2012年度最佳 Web 前端开发工具和框架——《上篇》

阅读更多关于【年度盛宴】2012年度最佳 Web 前端开发工具和框架——《上篇》

2012年，Web 开发领域继续在快速的发展， HTML5 仍然在展示其跨平台的优越性， CSS3 被人们更多的应用到实际项目中，响应式设计（Responsive Design）技巧也被人越来越多的人熟知和使用。　　技术的快速发展让很多人学习起来无所适从，幸运的是，很多优秀的 Web 开发人员和设计人员在努力寻找各种有特色的解决方案。因此，我们有了很多优秀的小工具和库，每一个都是用来解决特定的问题或维护一组特定的项目。　　这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架，这是一个非常值得收藏的工具列表，从功能全面的 IDE 到美观、充满异国情调的小框架，小工具等等。他们能够帮助你降低 Web 开发过程中的复杂度，节省时间和精力。 01. Foundation 3 　　响应式设计（Responsive Design）似乎瞬间就发展起来了，各个网页设计的论坛或者社区都会讨论这个话题，大家都想知道如何实现响应式设计，有什么框架或好的解决方案。　　 Foundation 3 ，由 ZURB 公司开发，号称世界上最先进的响应式前端框架。利用灵活的网格系统可以快速设计出页面布局。更妙的是，网格可以是你所需要的任何尺寸，它很容易适应各种尺寸的屏幕。 02. Proto.io 　　 Proto.io 是一个新的界面原型设计工具，专门针对移动应用程序。基于 Web

移动Web开发必备基础之媒体查询

阅读更多关于移动Web开发必备基础之媒体查询

媒体类型： all （默认值） screen print 打印设备 speech 屏幕阅读器由于all是默认值可不写，因此以下两种写法效果相同 @media all and (min-width:900px){ } @media (min-width:900px){ } 媒体查询中的逻辑与或非 @media (min-width:900px) and (max-width:1024px){ } 媒体特征表达式 width / max-width / min-witdh -webkit-device-pixel-ratio / -webkit-max-device-pixel-ratio / -webkit-min-device-pixel-ratio orientation: landscape / portrait 横屏 / 竖屏媒体查询-策略移动端断点（参考bootstrap） xs <576px 1 sm 576~768px 2 md 768~992px 4 lg 992~1200px 6 xl >1200px 12 后面的条件满足时，会覆盖前面的条件 PC first <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=

php和java的一些比较

阅读更多关于 php和java的一些比较

现在市场上的电子商务软件基本上可归结为两大阵营，即PHP阵营和Java阵营。但对接触电子商务不久的用户来说，看到的往往只是它们的表相，只是明显的价格差异，却很难看出它们之间的实际差异。其实，PHP+ MySQL高效的开发、品质优良的特性，已经让风靡大学校园的Java变的越来越难堪。而作为PHP+ MySQL为什么在历史的进程中，后来居上，独领风骚呢？为什么基于Java架构的的电子商务除了高额的开发成本，而变的前途暗淡呢?首先得明白PHP和Java之间的差异才行。 1、出身 Java本来的设计初衷是为了家用消费电子产品开发一个分布式代码系统。 PHP就是为了互联网的应用而生的。　　2、系统的技术架构比较分层是将系统进行有效组织的方式，分而治之的思想是计算机领域中非常重要的思想。在好的分层思想引导下，便能实现“高内聚、低耦合”，也能将具体的问题割裂开来，易于控制、易于延展，更易于分配资源。从PHP5版本之后，PHP对于系统架构方面也有了质的飞跃。ShopNC 采用PHP语言开发，可以完美的实现多层架构分布。运用MVC的设计模式，可使电子商务软件具有更加高效、合理的系统架构。使得系统在可拓展性、需求应变性上与Java编写的电子商务软件系统的毫不逊色。 Gutmans 在前年发表过一篇文章，其中也阐述了多核环境中多线程（JVM）与多进程（LAMP）的比较

Java Web整合开发(80) -- EJB & WebService

阅读更多关于 Java Web整合开发(80) -- EJB & WebService

1. jdk-6u18-windows-i586-p.exe classpath: .;%JAVA_HOME%lib/tools.jar;%JAVA_HOME%lib/dt.jar;%JAVA_HOME%bin 其中JAVA_HOME代表JDK(不是JRE)的安装路径 2. java_ee_sdk-5_08-windows-ml-nojdk.exe classpath: .;D:\Sun\SDK\lib\javaee.jar http://java.sun.com/javaee 3. JBoss5.1.0.GA,直接解压缩 http://www.jboss.org/jbossas 4. WebLogic 11g (10.3.2) http://www.oracle.com/technetwork/middleware/weblogic/downloads/wls-for-dev-1703574.html 5. apache-ant-1.7.1, 解压到任意路径，增加ANT_HOME为解压路径。PATH: %ANT_HOME%/bin http://ant.apache.org 6. MySQL 5.1或更高版本 7. NetBeans6.8 http://netbeans.org 8. SVN http://subversion.tigris.org/servlets

Web前端工程师要掌握的基础知识和技能

阅读更多关于 Web前端工程师要掌握的基础知识和技能

目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端工程师去做,web前端工程师是设计加开发的综合体，web前端工程师是在开发人员中最直接面向产品，面向用户的设计人员，一个开发团队的成果是要靠web前端工程师去展现，因为用户不会去关心后台的处理有多么强大;在设计人员中web前端工程师是直接面向开发人员的设计人员，向开发人员以一种计算机语言的方式传递其设计理念，web前端工程师在整个团队中是很关键的。　　Web前端工程师要掌握的基础知识和技能包括：　　1、网页的基本结构(HTML + CSS) 　　HTML是一种标记语言，而不是编程语言，最基本是标签是和，CSS是用来定义如何显示HTML元素的。对HTML+CSS很容易入门，但很多人不够深入，举几个例子：　　签是作什么用的?margin-left与left有什么区别，应该在什么情况下使用?再出个DIV+CSS布局问题：一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度。如果这些问题你目前还不知道，对那个布局问题几分钟内不能解决，说明你对HTML+CSS还不够深入。　　2、浏览器是怎么展现网页的　　不同内核的浏览器对网页的渲染是不一样的，目前浏览器都有客户端调试工具，下图展现一个google首页在IE9下的加载细节：　

Django之权限(起步)

阅读更多关于 Django之权限(起步)

一. 权限概述 1. 认识权限为什么要有权限? 因为权限让不同的用户拥有不同的功能. 权限可以对功能进行划分. 生活中处处有权限. 比如, 腾讯视频会员才有观看某个最新电影的权限, 你有房间钥匙就有了进入这个房间的权限. 同样, 程序开发过程中也有权限, 我们今天所说的权限指的是web网站权限, 对于不同用户访问web服务时应该有不同的功能. 例如: 一个公司有CEO, 销售主管, 销售等等, 不同的用户能访问的服务也不是完全相同的. 处于这样的需求下, 我们就需要权限控制了. 2. 为什么要开发权限组件? 组件可以减少代码的重复, 能提高我们的开发效率--开发一次组件, 那么在以后的项目中可以一直使用. 3. web开发中权限是指什么? 首先我们要认识到, web程序是通过 url 的切换来查看不同的页面(功能)的, 所以权限指的其实就是一个含有正则表达式的URL, 对url控制就是对权限的控制. 结论: 一个人有多少权限就取决于他有多少个URL的访问权限. 二. 权限表结构设计 1.版本一按照生活中的实际情况来看, 一个用户有多个权限, 一个权限也可以分配给多个用户, 所以我们可以设计出下面的三张表: 分析: 设计完该表结构之后, 我们又考虑到这种情况: 如果我们再新增10个用户, 每个用户都有权限表中的2个权限, 这意味着我们就要在"权限和用户关联表"中新增40条记录.

移动端常见bug

阅读更多关于移动端常见bug

meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content="telephone=no" /> 忽略Android平台中对邮箱地址的识别 <meta name="format-detection" content="email=no" /> 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari <meta name="apple-mobile-web-app-capable" content="yes" />  将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 <meta name="apple-mobile-web-app-status-bar-style" content="black" />  viewport模板

一起了解 .Net Foundation 项目 No.18

阅读更多关于一起了解 .Net Foundation 项目 No.18

.Net 基金会中包含有很多优秀的项目，今天就和笔者一起了解一下其中的一些优秀作品吧。中文介绍中文介绍内容翻译自英文介绍，主要采用意译、如与原文存在出入，请以原文为准。 Protobuild Protobuild 是一个用于 C# 的项目生成器系统。其目标是能够为 C# 跨平台开发人员针对不同的平台生成合适的项目格式。使用 Protobuild 您可以将一个项目的生成目标设置为 Windows, Linux, Mac, iOS, tvOS, Android, Ouya, Windows 8, Windows Phone, Windows Phone 8.1, Windows Universal Apps 和 Javascript (通过 JSIL)，并且这将有效的利用各平台的原生 API。项目详情官方网站项目源码项目许可证: MIT 项目联系人: June Rhodes 相关链接开发文档笔者简评在以前 csproj 模板还没有升级之前，想要生成不同目标的 C# 类库，需要准备多份不同的项目文件。本项目通过代码生成器的方式，为了不同的目标生成项目文件，避免人为维护项目文件的窘境。如今，新格式的 csproj 文件已经支持多个普通目标的生成。因此该项目也就完成了自己的历史使命。并且，计划于 2020 年 1 月 1 日进行项目归档，停止维护。

Web开发：我希望得到的编程学习路线图

阅读更多关于 Web开发：我希望得到的编程学习路线图

对于一些没有编程经验的人来说，一开始就学习web开发会让人觉得非常困难。因为你的能力处于初始阶段（你根本不知道你缺少哪方面的知识），所以在你能够建立一个任意复杂的网站之前，你可能会认为你需要大概几个月的时间来夯实计算机方面的基础知识。其实并非如此！web开发和CS是不同的，你完全可以在没有太多计算机基础的情况下开发学习web开发。我这样说，完全是根据我自己的经验。六个月前，当我开始学习web开发时，我还是一个法律学校的在读学生，而且几乎不懂任何关于编程的东西—仅仅在开始学习的前几个小时了解过一些基本知识。四个月后，我收到了来自Pivotal Labs的offer，接着我离开了法律学校，搬到了旧金山。我非常的幸运地遇到了一位极为优秀导师（从黑客学校获得的收获绝对不能忽视），所以我不认为我的故事非常具有代表性。但是我认为这很清楚的表明那些没有计算机背景的人同样可以成为web开发者，而且它所花费的时间可能比你想像的要少。这篇博文是为了尝试帮助那些刚开始学习web开发的人们。这里展示了一个大概流程，这个路线图会“告诉你在最初的几月里需要做什么”，它也是我最开始编码所遵循的路线。写这样一篇博文的想法已经在我脑海里有一段时间了，只是我认为自己知之甚少，所以始终没有提笔。在写这篇文章时我还是觉得自己知道的不限，所以如果你在下面的文章中发现任何错误与不正确的地方，请一定帮我指正。四个部分

订阅 web开发