移动webapp开发的各种js框架学习与比较

《移动webapp开发的各种js框架学习与比较》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、移动webAPP开发的各种JS框架学习与比较1目的本次评比的目标是以移动WebApp开发为基础的JS框架，会有意的排除部分不适用于移动WebApp开发的JS框架，如jQuery、ExtJS等。希望通过这次评比结果，能找到最合适你移动WebApp应用开发的JS框架。2方法由于JS框架在功能、特性和应用领域不同，所以，我将现在的主流JS框架分成四个大类：·MobilieJavascriptLibrary。移动JS框架，在DesktopJavascript开发中具有代表性的JS框架有jQuery、ExtJS等，而在MobileJ

2、avascript开发中比较成熟的有SenchaTouch、jQueryMobile等；·JavascriptTemplateEngine。JS模版引擎，Javascript在生成各种页面内容时如果能结合一些模板技术，可以让逻辑和数据之间更加清晰。SenchaTouch自带XTemplate模版引擎，完美的应用在组件渲染中；·JavascriptMVCFramework。JSMVC框架，如Backbone、Ember等。在ExtJS4的应用架构中就设计有MVC模式，同时SenchaTouch很好的继承了ExtJS在MVC方

3、面的优秀架构思想；·JavascriptModuleLoader。JS模块化加载，在CommonJS提出AMD规范时，就得到了大多数开发者的积极响应，同时诞生了一批符合AMD规范的优秀的框架，如RequireJS，现在主流的JS框架都陆续开始支持AMD规范，如Dojo等。本篇文章主要对MobilieJavascriptLibrary进行对比，针对移动JS框架中的两类特性:·支持平台与兼容性·开发与学习作为参考指标，最后分析总结。  3MobileJavascriptLibraryMobileJavascriptLibrar

4、y包含两种类型的JS库：UI框架、类库·UI框架包含一套完整的WebApp用户体验，提供一组功能丰富的控件，并允许开发者方便地依照自己的需要加以扩展；·类库仅是一些类与函数的集合，类库中的一个个“完整的概念”之间是无关的或是关系松散的。以我们接触得比较多的两种DesktopJavascriptLibrary为例，ExtJS属于UI框架，而jQuery就是一个类库。 3.1选择移动JS框架思考的问题·优秀的触摸屏交互体验：手指作为输入设备代替鼠标光标提供了一个额外的用户界面设计的挑战。MobileJavascriptLibr

5、ary提供标准的用户界面元素和事件处理模型。·跨平台：支持多种移动设备平台，如iOS和Android等。·轻量级：由于移动网络带宽的限制，会更加重视文件大小。·使用HTML5和CSS3标准：大多数主流移动设备的网页浏览器支持HTML5和CSS3，移动WebApp使用W3C规范的新功能与特性为用户提供更好的体验。下面，通过比较MobileJavascriptLibrary的特性，找到一个最适合的JS框架帮助你创建移动WebApp应用。 3.2特性比较 3.3分析SenchaTouch优点• 用户体验最接近NativeApp，

6、具有整体的UI组件、布局解决方案；• 统一的编程代码结构和要求，良好组织的代码易于维护；• 继承ExtJS4的应用程序MVC架构；• 完善的API文档，示例；活跃的社区，网上有大量的文档书籍帮助学习； 缺点• 兼容性差，仅支持webkit内核的浏览器；• 框架比较重量级，学习成本比较高；• 商业化使用有版权问题； jQueryMobile优点• 跨浏览器兼容性最好，几乎兼容所有的平台和浏览器；• 入门简单，语法简洁，编码灵活，一些简单的应用直接用HTML既可实现，无需Javascript；• 开源插件与第三方扩展网上资源丰

7、富；• 完善的API文档，示例；活跃的社区，网上有大量的文档书籍帮助学习； 缺点• jQueryMobile对代码没有特定的要求，后期维护难度较大； Zepto优点• 学习成本低，Zepto保持了与jQuery几乎一样的功能，使用gzip压缩只有5-10k； 缺点• Zepto不支持WindowsPhone下的IE； JoHTML5MobileAppFramework优点• 没有什么突出的优点，感觉是与Sencha非常相似的一个框架； 缺点• 兼容性相比SenchaTouch稍好一点，但是也不支持WPIE、Firefox、

8、Opera；• 网上文档、资料太少，中文资料几乎没有，英文资料也非常少； WinkToolkit优点• Wink的核心库是轻量级的，支持AMD规范的模块化加载，功能接口相比Zepto更丰富；• 提供很酷的2D、3D效果UI组件； 缺点• 组件对Android的支持程度不好，3D组件无法使用； Choco