移动WebApp开发 JS框架对比
来源:互联网 发布:数据库课程设计源代码 编辑:程序博客网 时间:2024/06/05 06:04
http://blog.sina.com.cn/s/blog_6553196001015672.html
1 目的
本次评比的目标是以移动Web
2 方法
由于JS框架在功能、特性和应用领域不同,所以,我将现在的主流JS框架分成四个大类:
- Mobilie
Javascript Library。移动JS框架,在Desktop Javascript开发中具有代表性的JS框架有jQuery、ExtJS等,而在Mobile Javascript开发中比较成熟的有Sencha Touch、jQuery Mobile等; - Javascript
Template Engine。JS模版引擎,Javascript 在生成各种页面内容时如果能结合一些模板技术,可以让逻辑和数据之间更加清晰。Sencha Touch自带XTemplate模版引擎,完美的应用在组件渲染中; - Javascript
MVC Framework。JS MVC框架,如Backbone、Ember等。在ExtJS 4的应用架构中就设计有MVC模式,同时Sencha Touch很好的继承了ExtJS在MVC方面的优秀架构思想; - Javascript
Module Loader。JS模块化加载,在CommonJS提出AMD规范时,就得到了大多数开发者的积极响应,同时诞生了一批符合 AMD规范的优秀的框架,如RequireJS,现在主流的JS框架都陆续开始支持AMD规范 ,如Dojo等。
本篇文章主要对Mobilie
- 支持平台与兼容性
- 开发与学习
作为参考指标,最后分析总结。
3 Mobile Javascript Library
Mobile
- UI框架包含一套完整的WebApp用户体验,提供一组功能丰富的控件,并允许开发者方便地依照自己的需要加以扩展;
- 类库仅是一些类与函数的集合,类库中的一个个“完整的概念”之间是无关的或是关系松散的。
以我们接触得比较多的两种Desktop
3.1 选择移动JS框架思考的问题
- 优秀的触摸屏交互体验:手指作为输入设备代替鼠标光标提供了一个额外的用户界面设计的挑战。MobileJavascript
Library提供标准的用户界面元素和事件处理模型。 - 跨平台:支持多种移动设备平台,如 iOS和Android等 。
- 轻量级:由于移动网络带宽的限制,会更加重视文件大小 。
- 使用HTML5和CSS3标准:大多数主流移动设备的网页浏览器支持HTML5和CSS3,移动WebApp使用W3C规范的新功能与特性为用户提供更好的体验。
下面,通过比较Mobile
3.2 特性比较
3.3 分析
Sencha
优点
•
•
•
•
缺点
•
•
•
jQuery Mobile
优点
•
•
•
•
缺点
•
Zepto
优点
•
缺点
•
Jo
优点
•
缺点
•
•
Wink Toolkit
优点
•
•
缺点
•
ChocolateChip-UI
优点
•
缺点
•
•
•
XUI
优点
•
缺点
•
Dojo
优点
•
•
缺点
•
•
•
4 总结
想要最好的用户体验Sencha
对于我个人而言,我比较青睐Zepto这种小巧灵活的类库,能让我有最大的自由发挥空间。我在面向对象、UI组件、MVC方面拥有多年的开发经验,有能力去设计、编写 UI框架,当然,这些都离不开我的UI团队的支持。虽然Zepto不兼容IE,但是这在可接受的范围之内, 如果未来官方不能支持IE 的话,我的团队有足够的实力与时间实现Zepto对IE的兼容 。
选择一个适合的移动JS框架只是开始,移动WebApp开发才是真正的挑战,如何解决跨平台的各种兼容问题?如何保证基于HTML5的WebApp的稳定性?如何平衡动画效果的性能问题?等等。
5 参考资料
下载Sencha
下载jQuery Mobile源代码、阅读文档并加入社区。
下载Zepto源代码、阅读文档。
下载Jo
下载Wink Toolkit
下载ChocolateChip-UI源代码、阅读文档并加入社区。
下载XUI源代码、阅读文档 。
js模块化开发---js大项目代码组织和多人协作的解决之道
The Top 10
Web
Sencha
几种常用HTML5移动应用框架的比较
5个jQuery的备选轻量级移动客户端开发(Mobile development)类库
使用
使用
原文链接:http://zhangdaiping.iteye.com/blog/1613929
- 移动WebApp开发 JS框架对比
- 移动WebApp开发 JS框架对比
- 移动WebApp开发 JS框架对比
- 移动WebApp开发 JS框架对比
- 移动WebApp开发 JS框架对比
- 进下流行移动开发框架对比
- WebApp开发框架①
- 开发框架WebApp.net
- webapp开发框架
- 移动前端开发WebApp小记
- 移动webapp前端开发小结
- 基于js的前端开发框架对比
- WebApp开发-移动端WebApp开发必备知识
- ionic---手机移动Webapp框架,环境配置
- html5移动前端框架 UI webapp
- 几大移动应用开发框架的对比
- 10个移动开发js框架
- 极佳的 JS 移动应用程序开发框架
- 高通:中国是未来5G发展关键---OFweek
- 查找计算机视觉、模式识别、图像处理领域的国际会议和会议排名
- 关于类的生命周期
- EditPlus对多行进行列处理
- 南邮 OJ 1595 确定进制
- 移动WebApp开发 JS框架对比
- Caused by: java.lang.IllegalStateException: Error occurred while storing entity [Entity {id='500228'
- InputStream与FileOutputStream
- 正则表达式判断NSString 是否为数字
- UVA 10054 The Necklace
- 日经春秋 20150806
- 部署按钮点击无反应
- shell 知识点备忘
- 南邮 OJ 1596 日历