泽思网络手机WebApp开发JS框架对比 – 上海APP开发商联通WebApp开发JS框架对比1目的本次选型的目标是基于中国联通WebApp开发使用JS框架，以及一些不适合中国的部分联通将有意排除用于Web App开发的JS框架，如jQuery、ExtJS等。希望通过本次评选的结果，您能找到最适合您的联通Web App应用开发的JS框架。 2 方法 由于JS框架的功能、特性和应用领域各不相同，所以我将当前主流的JS框架分为四类： Mobilie Javascript Library。 移动端JS框架，桌面端Javascript开发中代表性的JS框架有jQuery、ExtJS等，移动端Javascript开发中相对成熟的有Sencha Touch、jQuery Mobile等； JavaScript 模板引擎。 JS模板引擎，如果Javascript在生成各种页面内容时能够结合一些模板技术，可以让逻辑和数据更加清晰。 Sencha Touch拥有自己的XTemplate模板引擎，完美应用于组件渲染； JavaScript MVC 框架。
JS MVC 框架，如 Backbone、Ember 等。在 ExtJS 4 的应用架构中，存在 MVC 模型，同时 Sencha Touch 继承了 ExtJS 在 MVC 中的优秀架构思想； JavaScript 模块加载器。 JS模块化加载，当CommonJS提出AMD规范时，得到了大多数开发者的积极响应。 与此同时，诞生了一批符合AMD规范的优秀框架，比如RequireJS。 现在主流的JS框架都开始陆续支持AMD。 规范，如Dojo等。 泽思网络-上海APP开发者 本文主要对比Mobilie Javascript Library，针对联通JS框架中的两类特点：支持平台不兼容开发，无需学习作为参考指标，最后进行分析总结。 3 Mobile Javascript 库 Mobile Javascript 库包括两类JS 库：UI 框架和类库。 扩张; 类库只是类和函数的集合，类库中的“完整概念”是不相关的或松散相关的。 以我们接触较多的两个Desktop Javascript Libraries为例，ExtJS属于UI框架，jQuery是泛型。
3.1 选择联通JS框架需要考虑的问题 优秀的触摸屏交互体验：手指作为输入设备而不是键盘光标，为用户界面设计带来了额外的挑战。 MobileJavascript 库提供标准用户界面元素和风暴处理模型。 跨平台：支持iOS、Android等多种联通设备平台。 轻量级：由于联通网络带宽的限制，文件大小会越来越受到重视。 使用HTML5和CSS3标准：大多数主流联通设备的Web浏览器都支持HTML5和CSS3javascript web应用开发，移动WebApp使用W3C规范的新功能为用户提供更好的体验。 泽思网络-上海APP开发者 下面，通过对比Mobile Javascript Library的特点，找到最合适的JS框架来帮助您创建联通WebApp应用。 3.2 功能对比 3.3 分析 Sencha Touch 优势 用户体验最接近Native App，有整体UI组件和布局解决方案； 统一的编程代码结构和要求，代码组织良好，易于维护； 继承ExtJS 4应用MVC框架Extreme； 建立API文档、示例； 社区活跃，网上有大量文档和书籍，有助于学习； 缺点是兼容性差，仅支持webkit内核的浏览器； 框架比较重，学习成本比较高； 商业使用有版权问题； jQuery Mobile具有最好的跨浏览器兼容性，几乎兼容所有平台和浏览器； 泽思网络-上海APP开发者上手简单，语法简洁，编码灵活。 一些简单的应用可以直接用HTML来实现。 不需要Javascript； 开源插件和第三方扩展，在线资源丰富； 建立API文档、示例； 社区活跃，网上有大量文档和书籍帮助学习； 缺点 jQuery Mobile 对代码没有具体要求，后期维护困难； Zepto优点学习成本低，Zepto保持了与jQuery几乎相同的功能javascript web应用开发，使用gzip压缩时只有5-10k； 缺点 Zepto不支持Windows Phone下的IE； Jo HTML5 Mobile App框架优点没有突出的优点，感觉不是很像Sencha类似的框架； 缺点 兼容性比 Sencha Touch 稍好，但不支持 WP IE、Firefox、Opera； 泽思网络-上海APP开发者网上文档资料太少，中文资料几乎没有，英文资料也很少； Wink Toolkit 优点 Wink的核心库轻量级，支持AMD规范的模块化加载，功能插座比Zepto多； 提供炫酷的 2D 和 3D 治疗性 UI 组件； 缺点 Android 组件支持水平不佳，3D 组件难以使用； ChocolateChip-UI的优点是组件风格模仿iOS界面，用户体验与iOS非常相似； 缺点是兼容性差，仅支持webkit内核的浏览器； API文档过于简单，网上资料很少，没有社区活力； 组件扩展难度大，必须熟悉WMXL标签句型； XUI优势 泽思网络-上海APP开发商XUI有多个版本，并且剥离了跨浏览器支持的代码。 使用GZIP压缩后，最小大小仅为4.2kb。
学习成本低，不像类似 jQuery 的链句模式。 缺点 XUI 的优点也是缺点。 一些Web App应用程序可能不希望将跨浏览器支持拆分为多个版本； Dojo Mobile的优点 Dojo本身有很多优秀的设计，面向对象、MVC、JS模块化加载； 创建API文档、示例； 社区活跃，网上有大量文档和书籍，有助于学习； 缺点 Dojo Mobile需要依赖完整的dojo库，压缩后的代码为140k，gzip压缩后的代码为40k； 兼容性较差，仅支持webkit内核浏览器； 学习成本高； 4 总结 如果您想要最好的用户体验，Sencha Touch 将是最好的选择。 如果您想要最好的兼容性，您应该选择 jQuery Mobile。 如果你有一个非常强大的UI团队，Zepto和XUI将是最好的选择。 更好的选择，正确的才是最好的。 Zepto – 上海APP开发者 对于我个人来说，我更喜欢Zepto紧凑灵活的解释器，这让我有最大的开发自由度。 拥有多年面向对象、UI组件、MVC开发经验，具备设计和编写UI框架的能力。 当然，这些都离不开我UI团队的支持。 虽然Zepto与IE不兼容，但这也在可接受的范围内。 如果以后不能正式支持IE，我的团队有足够的实力和时间来实现Zepto对IE的兼容。 选择合适的联通JS框架只是开始，移动WebApp开发才是真正的挑战。 如何解决各种跨平台兼容性问题？ 如何保证基于HTML5的WebApp的稳定性？ 如何平衡动画效果的性能问题？ ETC。
发表评论