针对移动终端WebApp前端开发.doc

芈蚆羆针对移动终端的WebApp前端开发蚄葿膂据2011年VisionMoblie开发者经济学报告显示,如果移动Web视作新的开发平台,那么它仅次于Android和iOS成为最受开发者青睐的第三大平台。特别是HTML5技术的飞速发展——不断涌现的各种创新产品和工具,Facebook推出斯巴达项目、Adobe收购PhoneGap等重大动作,无不吸引众多开发者投入。肇螆肁一个被业界广泛关注的问题是:“移动Web会否在不久的未来重现在PC端上最终成为主流的的发展趋势?”10月13日晚上,在CMDN移动开发者俱乐部第六期活动,当当网前端工程师柴春燕分享了他的思考和实践心得。演讲实录如下:螁膁袇螆袆膃 膂薈袃当当网Web前端工程师柴春燕袈羆蝿非常高兴今天晚上在这里跟大家分享移动终端使用HTML5技术做了一些实践。对于移动终端目前开发方式无非就两种,其中一种就是HTML5的解决方案。如果采用HTML5的话它的Fxs(音译)就在前端。薂莀羇移动互联网及其现状薇肆薃前面刘铁锋讲的是把PC都包含进去,我讲的就是针对移动互联网,针对移动终端,常见像智能机、上网本、移动终端可以访问网络的设备,它的可以实现的一些方式。第二是在移动互联网MobileWebApp开发的时候可能会遇到的一些问题。还有HTML5适合MobileWebApp开发的特性。这是我开发MobileWebApp的心得跟大家分享。羃螈芁之前互联网消费调查中心做了一个研究,手机上网在生活中重要性比例,他所占据份额会越来越高。另外这个统计调查在2011年底,一半美国人都会使用智能手机,2013年预计移动互联网用户超过10亿,2020年HTML5这种方案已经确定了。截止到2011年6月底,中国的三大运营商智能机份额已经超过8千万。这个趋势随着3G互联网方面会越来越大。莆膆薈移动互联网是指什么?官方解释就是将移动通信和互联网两者结合,用户借助移动终端包括手机、平板、PDA、上网本等,通过网络访问互联网。大家如果做过移动开发的话,最开始如果想用手机访问互联网的话,从几个阶段过渡过来,一个是WML方式,,。。在移动互联网的时候,,利用集体智慧,数据驱动,带来较丰富的体验。iOS操作系统诞生,从本质来说其实带来颠覆性是用户体验上的一些更新。后面我会讲到为什么移动设备有很多局限性,包括大家在做移动开发的时候都会遇到兼容性的问题。蒁羈肃第二是云计算像超大规模、高可扩展性、高可靠性和相对廉价。膈芅莇移动互联网开发面临问题袂蚀肇第一个是设备。你拿到手机终端,相比PC端浏览器运算处理速度都有很大差距。内存小,电池续航能力差,屏幕不统一。针对哪种终端设备做适配,比你做PC端前端开发所遇到的困难还要大。羇莅莅第二个是开发,多种不同手机操作系统,每一种操作体验不一样,相应应用开发环境也是不同。像iPhone的IOS操作系统,是使用WebKet(音译)为核心。两种版本兼容Webket,具体对HTML5支持力度是不一样的。大家可以看到这个官方站点就可以看到,能够支持多点触控。像WindowsPhone是采用IE为内核。三者操作起来也不一样,iPhone硬件只有一个Hom键,Android是软硬件结合一个实体,返回可以通过硬件操作。如果你把所有操作、用户体验都放到一个里面看的话,他是有差异的。这是我们做WebApp的时候都必须要考虑的一些问题。芃膈蒁第三是网络,这是大家无法回避的一个地方。为什么在HTML5出现之后大家会这么狂热,会觉得他是一个趋势。目前虽然中国现在有3G,他的覆盖面并不是达到处处都可以拥有3G网络,它的流量费用也并不是人人都可以承担的地步。像网络稳定性上面都还是有一些问题的。比如你在坐地铁的时候,可能到朝阳门的时候还有信号,走到建国门信号就没有了。这种情况下用原声还好解决,如果使用网页形式访问的话,如果没有做到APP方式,基本处于假死或者是掉线状态,无法进行第二次访问,这对用户体验是很大的问题。螆蒅莀HTML5适合MobileWebApp开发的特性蚄袀膆蝿薅蒂这些是一个不完全包括的HTML5的集合,这里面我只是罗列出来,我这里说明一下,我觉得HTML5本身也是草案,我也是在一个学习过程中。袁薁膃第一是语义化。你做MobileWebApp,他本质还是希望以后把PC端搜索引擎,都可以用到移动端。当用户通过手机搜索某些东西的时候,可以直接定位到MobileWebApp这种站点,更好的用户体验。百度框计算,现在都有这种功能。薇蚅腿第二是新的表单功能。之前做表单功能的时候可能常见的像Canvas,像移动端验证肯定是必须的,像这个键盘是不容忽视的问题,你的手指相比你的移动设备还是很