编码随想:关于JqueryMobile的一些编码心得
??? 这段时间在公司封闭开发中,基于JqueryMobile开发手机前端JS框架,有一些心得,贴上来供大家参考;
?? ?1.JqueryMobile是什么:它是一个用于移动设备的网页前端开发框架,完全免费,源码开放,简称JQM;
?? ?2.JqueryMobile的优点:我认为在于三点
?? ??? ?2.1 使用CSS3完成展示效果,使得未来的项目页面将相当小,不用像现在的项目,加载时需要请求大量的图片,目的仅仅是效果展示;
?? ??? ?2.2 模仿苹果应用程序实现了很多人性化的效果,例如,页面之间的动态转动切换(用过苹果手机的应该都知道)
?? ??? ?2.3 自动将页面中的标准元素转换成JQM页面,开发人员无需学习太多的新东西,简单看看它的Demo应该就能上手
?? ?3.JqueryMobile的缺点:
?? ??? ?3.1 JQM实现页面转动跳转时,目标页面的初始化onload事件将无法调用,我研究了JQM的源码,发现JQM是使用Ajax现将目标页面信息读取出来加载到当前页面,然后再使用它的方式转动过去,最后配置页面的location对象的数据,那么当然,目标页面的初始化事件,在这样的情况下肯定是无法调用的,至少我想不到该如何调用,我也尝试过修改源码,达到效果,但是结果不理想,只有放弃,这是我认为最大的缺点
?? ??? ?3.2 由于是1.0版,仅仅提供表单基本组件效果和列表效果,个人觉得不是很够,比如来个什么复选下拉、单复选树形组件之类的东西,呵呵,当然这也可能是我不是特别了解移动平台开发领域吧
?? ?4.JqueryMobile的替代者:
?? ??? ?4.1 SenchaTouch 相对JQM更加逼近苹果效果,开发方式类似ExtJs,熟悉ExtJs的朋友可能喜欢,目前免费,但是由于ExtJs中途收费的前车之鉴,我反正是不用这个东西
?? ??? ?4.2 DoJo Mobile 这个我没有研究过,仅仅是知道
?? ?5.想看看这些Mobile框架的Demo到底是个啥效果
?? ??? ?jquery mobile
?????? 
?
?? ??? ?http://jquerymobile.com/demos/1.0.1/
?? ??? ?sencha touch
?????? 
?
?? ??? ?http://www.sencha.com/products/touch/demos/
?? ??? ?dojo mobile
??????? 
?
?? ??? ?http://demos.dojotoolkit.org/demos/demos.php?cat=mobile