手机平台项目中的问题及经验总结(一)

本文分享了在手机平台项目中使用SenchaTouch框架遇到的问题及解决方案。通过对比分析jQueryMobile、jqMobi等框架,最终选择纯HTML、CSS、JS进行开发,并借鉴Twitter/Bootstrap实现了更好的效果。

先说说问题:
最近我有做迎新平台的支撑工作.
这个项目组采用了 sencha touch 比较成熟的手机UI框架,原意是想提高开发效率,加快进度.但在实际开发中发现了一些问题,反而导致了进度的延迟.

  1. 学习门槛比较高,项目成员上手到熟悉需要相当长时间的摸索.并且学习到的经验仅仅适用于 sencha touch.
  2. sencha 中的UI组件很少匹配美工设计出来的效果,而且封装严密,需要去文档里查找,找属性一个一个的修改.如果没有框架没有这些设置属性,往往会束手无策.而且流程要靠事件驱动,需要从全局把握.这得需要非常丰富的经验.
  3. 更糟糕的是项目组的成员貌似到现在并没有意识到这个问题.

再说说经验:
手机平台项目组对手机UI框架前前后后研究将近有一年的时间,我自己对jQuery Mobile ,jqMobi ,sencha touch 有过彻底的研究,并且也有在这些框架的基础上开发过一些自定义的控件,打过补丁甚至重作了文档. 本人也一直关注快框,想从他们的经验中取点经,但是在实际开发使用中,总是有上面所说的问题.

后来有一次做一个投标项目的演示项目,当我看到美工设计的一系列界面,深深意识到了这个问题.决心抛开这些框架,纯采用HTML,CSS,JS 来做这个,这个过程中主要参考了Twitter/Boostrap (great framework) 的设计及样式,收到了很好的效果.

我的经验就是,手机UI框架目前还不是很成熟,但会是一个大的趋势.实际开发中,如果能使用轻量级的比如 Twitter/Boostrap 或者 HTML5 boilerplate会要好得多,比如组件的自定义效果及样式,事件流程的定义,一个有经验的前端人员要改起来会很方便的.
就跟WEB 开发一样方便,并且能做到跨平台,比原生开发更有效率.

最后总结下,手机上的浏览器基本都是标准的,这意味着跟WEB开发不一样,使用html5,css3是畅通无阻的,基本不用考虑兼容性的问题.开发出来的页面组件,样式,事件什么的很容易修改,并且能做到跨平台的效果.和原生开发比起来,缺点在于页面效果没那么炫,性能也比不上.这一点,我相信以后都会改进...趋势潮流不可挡啊..

posted on 2013-01-23 11:37 叶子绿 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/ms_config/archive/2013/01/23/2872790.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值