Hybird App ( 混合模式走使用)开发新体验

近日1,2独月直接还尝开发一款Hybird
app,遇到了广大题材,谈谈自己的咀嚼。

Hybird app
(混合模式走采用),它使例如安卓端webview组件+HTML5内嵌的法子混合的办法开的移动采用,

利显而易见,由于内嵌的是Html5,
所以跨平台,扩展性,开发成本都是十分正确的优势。

Hybird
App拥有众多由开发工具到包发布之解决方案,比较出名的凡根源Adobe的phonegap,
国内有AppCan,这2种缓解方案都起于好的工具平台。这次自己动用的的是Appcan,
需要留意的凡Appcan的开发工具只生windows平台的,另外不得不吐槽之是,方案里集成的js插件脚本,bug很多。

自身动用的技术架构,如图:

 

图片 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话,用这种方案还是得考虑的。

相关文章