AngularJSHybird App ( 混合情势移动使用)开发初体验

前不久1,叁个月间接都尝试开发一款Hybird
app,遭逢了无数难题,谈谈自身的认知。

Hybird app
(混合形式移动选择),它接纳例如安卓端webview零件+HTML5内嵌的不二法门混合的格局开发的运动使用,

好处综上可得,由于内嵌的是Html5,
所以跨平台,扩大性,开发花费都以很不利的优势。

Hybird
App拥有众多从开发工具到打包发表的缓解方案,相比较著名的是来自Adobe的phonegap,
国内有AppCan,那2种缓解方案都有相比好的工具平台。此次我动用的的是Appcan,
供给小心的是Appcan的开发工具唯有windows平台的,别的不得不吐槽的是,方案里面集成的js插件脚本,bug很多。

作者动用的技艺框架结构,如图:

 

AngularJS 1

中间使用Appcan用作利用的打包平台,通过其置于的JS组件举行多少请求,请求获得的数据利用JS做些事情逻辑处理后,使用AngularJS实行绑定渲染,UI组件的事物则用的GMU.js,而gmu内置了zepto.jsscroll.js等等,
页面则是h5+css3。能够观望的是与价值观的web相比较,当中多了重重js框架和库的利用,毕竟把数量的调用和业务处理都移到了JS端,所以在此间提醒大家,能够考虑出席js模块管理的框架,例如seajs。数据绑定那块感觉Angular真的很棒,写好绑定后,只须求小心后端JS数据的业务处理即可,进步了广大花费成效。

在编码阶段境遇了重重题材,例如并无法应用url像平时那样进行参数字传送递,发现抓取不到页面跳转后的参数。为了减弱请求次数,也尝试选拔LocalStorage缓存json。通过Manifest
cache

缓存html,css,js文件,来提高界面包车型客车响应速度。通过css3代表js做动画效果,可是意义并不出彩,感觉如故尚未js来的流利。页面跳转白屏,数据加载的推移等等现象,加载动画体验须求做的更好,而且尽量收缩页面包车型大巴跳转,把有个别效果集中到单个html文件。

综上可得,采纳了不少优化措施,不过分明那种hybird
app在性质体验等地方如故难点多多,可是比如有些相互简单的app话,用那种方案或许得以考虑的。

相关文章