先说说问题:
最近我有做迎新平台的支撑工作.
这个项目组采用了 sencha touch
比较成熟的手机UI框架,原意是想提高开发效率,加快进度.但在实际开发中发现了一些问题,反而导致了进度的延迟.
- 学习门槛比较高,项目成员上手到熟悉需要相当长时间的摸索.并且学习到的经验仅仅适用于 sencha touch.
- sencha 中的UI组件很少匹配美工设计出来的效果,而且封装严密,需要去文档里查找,找属性一个一个的修改.如果没有框架没有这些设置属性,往往会束手无策.而且流程要靠事件驱动,需要从全局把握.这得需要非常丰富的经验.
- 更糟糕的是项目组的成员貌似到现在并没有意识到这个问题.
再说说经验:
手机平台项目组对手机UI框架前前后后研究将近有一年的时间,我自己对jQuery Mobile ,jqMobi ,sencha touch 有过彻底的研究,并且也有在这些框架的基础上开发过一些自定义的控件,打过补丁甚至重作了文档. 本人也一直关注快框,想从他们的经验中取点经,但是在实际开发使用中,总是有上面所说的问题.
后来有一次做一个投标项目的演示项目,当我看到美工设计的一系列界面,深深意识到了这个问题.决心抛开这些框架,纯采用HTML,CSS,JS 来做这个,这个过程中主要参考了Twitter/Boostrap (great framework) 的设计及样式,收到了很好的效果.
我的经验就是,手机UI框架目前还不是很成熟,但会是一个大的趋势.实际开发中,如果能使用轻量级的比如 Twitter/Boostrap 或者 HTML5 boilerplate会要好得多,比如组件的自定义效果及样式,事件流程的定义,一个有经验的前端人员要改起来会很方便的.
就跟WEB 开发一样方便,并且能做到跨平台,比原生开发更有效率.
最后总结下,手机上的浏览器基本都是标准的,这意味着跟WEB开发不一样,使用html5,css3是畅通无阻的,基本不用考虑兼容性的问题.开发出来的页面组件,样式,事件什么的很容易修改,并且能做到跨平台的效果.和原生开发比起来,缺点在于页面效果没那么炫,性能也比不上.这一点,我相信以后都会改进...趋势潮流不可挡啊..