web前端技术总结

现在移动开发如日中天，介于跨平台的趋势，现在好多web前端技术使用到了，移动的ui界面设计上了，我们就从这里谈起！

一、


所谓的“混合型应用(hybrid apps)”，这是一种将基于HTML等前端技术实现的用户界面搭载在原生客户端上的方式，相当于为Web App穿上了原生客户端的外衣，并放到App Store当中。对于希望转型的传统Web设计和开发人员，这种方式是个不错的起点。

关于“混合型应用”，Jonathan Stark写了两本很棒的书，分别是《构建iPhone企业级应用—基于HTML, CSS 和JavaScript》以及《使用HTML、CSS和JavaScript开发Android程序》，书中展示了怎样使用开源框架PhoneGap创建这种混合形式的客户端应用。


二、


主流Ajax框架有EXT,JQuery那我们谈一谈他们的优缺点：



jQuery


主页：http://jquery.com/
设计思想
简洁的思想：几乎所有操作都是以选择DOM元素（有强大的Selector）开始，然后是对其的操作（Chaining等特性）。

优点
小，压缩后代码只有20多k（无压缩代码94k）。
Selector和DOM操作的方便：jQuery的Selector与mootools的Element.Selectors.js比较，CSS Selector, XPath Selector（1.2后已删除）
Chaining：总是返回一个jQuery对象，可以连续操作。
文档的完整，易用性（每个API都有完整的例子，这是其它框架现在不能比的），而且网上还有很多其它的文档，书籍。
应用的广泛，包括google code也使用了jQuery。

使用jQuery的站点：http://docs.jquery.com/Sites_Using_jQuery
核心的开发团队和核心人员：John Resig等。
简洁和简短的语法，容易记。
可扩展性：有大量用户开发的插件可供使用（http://jquery.com/plugins/）
jQuery UI（http://jquery.com/plugins/，基于jQuery，但和核心的jQuery是独立的），不断发展中。
友好和活跃的社区：google groups: http://docs.jquery.com/Discussion
事件处理有很多方便的方法，如click，而不是单一的addEvent之类的。

缺点
由于设计思想是追求高效和简洁，没有面向对象的扩展。设计思路和Mootools不一样。
CSS Selector的速度稍微有些慢（但是现在速度已经大幅提高）




Ext JS
主页：http://extjs.com/


设计思想
组件化，推进RIA（Rich Internet Application）的应用。

优点
强大的UI，而且性能不错，这是其最大的优点。
速度快，管是UI还是其它模块。
100%面向对象和组件化的思想，一致的语法，全局的命名空间。
文档的完整，规范，方便。
核心的开发团队，Jack Slocum等。
活跃的社区，迅速增加的用户量。
模块化实现，可扩展性强。
所有的组件（widgets）都可直接使用，而无需进行设置（当然，用户可以选择重新配置）。

缺点
稍复杂。
为重量级的框架（包含大量UI），体积大。如果导入ext-all.js，压缩后也有近500k。

注意：EXT的商业使用：如果只是把extjs包含在自己的项目中，而且这个项目不是卖给用户做二次开发的工具箱，或组件库，就可以遵守LGPL协议免费使用；否则要付费。