安卓 h5

1.H5的性能很差,一般经常改的地方可以用H5,比如论坛,咨询之类的,而且限制也是很大,很多效果是没办法做到的。GUI框架的WebView普遍是这样的。如果一个APP全部由H5来做(不太可能,送审很可能被拒),那么会显得非常卡。

2.用iOS SDK,如果实现热更新是比较麻烦的。对于论坛,咨询这种模块,动不动就改版,做起来比较头疼,用H5就很合适了。尤其在APP跨安卓和iOS的时候,这类模块如果直接用H5,那么就很容易共用。




H5网页App开发和纯原生的App的差距主要聚集在以下几个方面:

1、动画

动画有很多种,比如侧边栏菜单的滑入滑出、元素的响应动画、页面切换之间的过场等等,在H5之下的众多实现方法都没有办法达到纯原生的性能。一般这些的话有几种不同的选择:css3动画、javascript动画、原生动画。

css3动画非常的消耗性能,如果某一个元素用到css3动画可能还看不出来,但大面积或过场使用css3动画会让app低端手机体验非常差。最好的选择一般是通过框架调用底层的动画,但不管怎么样等于在原来的代码上包上了一层,性能还是不可避免的受到影响。

比如在一个新页面的载入上,如果调用底层动画要考虑的问题有两个,一个是本身资源页面的渲染问题,另一个是远程数据的获取。即便是这些动画能够很快的响应,但大量的css页面会导致渲染卡顿,滑入时可能会有白屏/机器卡顿的现象。为了解决这些性能问题又必须要用到预加载或模拟动画。即便是这样,滑入滑出的动画在低端的安卓机器上还是有很多问题,如果获取服务端数据处理的方式不合适,卡顿白屏的现象会更严重。具体看下面的数据获取方式。

2、获取服务端数据

首先要接受的是,这里的数据获取都是在资源页面上异步完成的,因为只有这样才能让这些资源页面完成预加载或者渲染。但是异步拿到的数据在填入页面中时可能会涉及DOM操作,众所周知,DOM操作非常消耗性能,如果页面小还好,页面稍大数据稍微复杂一点,频繁的DOM操作会导致明显的闪白。而且最重要的一点是,如果页面加载进来之后数据更新的速度太慢,也会让页面模板等待很长时间,对用户体验又不友好,总不能每次打开都像浏览器一样等待刷新是吧

这个问题如果没有得到解决,H5开发是很难承担大规模数据的页面,在它们之中频繁切换更是难上加难,那么肯定有人也会想到用MVVM的方式,其实我也写过一些基于MVVM的H5app开发,相对来说它们获取数据和更新数据的方式更敏捷更科学,但写的过程中又要注意很多H5独有的问题,这些问题在下面的页面切换里来讲。

3、页面切换

上面我们看到了几种不错的实现方式,比如预加载和模拟动画,甚至有批量的预加载,批量的截图模拟动画等等,虽然看起来很友好解决了不少问题,但事实上如果页面足够多就会引发另一个问题——页面的生存周期。

试想一下,如果引导页或者主页面缓存了5个子页面的资源,在跳转到响应的子页面时又会缓存这些子页面的下级页面资源,如此反复肯定会占据大量内存使APP的体验下降。那么怎么知道那些页面是需要的,最多缓存多少页面,什么时候结束哪些页面的生存周期呢?在我用过的很多H5APP的框架里都没有对这些问题有一个完美的解答,因此在页面较多内容较多的app开发中可能会因这些资源分配的问题降低性能。

这时候我们回过头来再看看MVVM的数据加载问题,实际上不管哪个MVVM框架,写过的人都知道管理这种新型的前端代码最重要的问题是内存的问题,你既要保证代码写的足够优雅没有任何内存泄露问题,也要考虑到在页面生存周期结束时它们的控制器/页面资源是否得到释放,这对全局有没有什么影响,在多个请求时也要合理的分配资源,甚至是复用这些父级页面传过来的缓存资源等等。较小的APP可能并不会有这些问题,如果你想用纯H5来开发大型app,这很可能会浪费你很多时间——而且结果还不会让你满意。

4、Android/iOS的区别

很多人都说纯H5app开发一次编写就能编译Android/iOS两种不同的APP,大大降低了成本。实际上这个观点本身就是值得怀疑的,如果你写过这类APP就能明白我在说什么,它们既不省事,又存在很多BUG,调试时尤其繁琐。举一个很简单的例子,Android和iOS在返回上一页的处理方式上就有明显的区别,iOS的顶部bar在全屏下怎样处理,Android机器出现smart bar怎样处理页面的布局,调用底层硬件时怎样区分不同的场景等等,你需要写一个又一个机型和系统的判断,然后分别在Android和iOS下调试,最后你却发现这并没有卵用,累的要死却什么没学到,只有一堆不知道什么时候会过时的经验。

现在做H5混合APP开发的人很多,但是纯H5却很年轻,很多问题都没有很好的解决,这几个是我在做这些APP时考虑最多的问题。最后说一个很少人注意到的H5优势,大家大谈H5APP时都是快速开发、低成本、多平台等等,但我却觉得它和很多APP开发方式相比有一个不同之处——图文混合的排版。正是这些复杂多变的CSS样式消耗了性能,但是它带来了排版的多样性,能够细致到每一个字宽行高和风格的像素级处理,才是H5的优异之处。

喜欢阅读
  • 豪门秘宠:爱你情难自禁

    豪门秘宠:爱你情难自禁

    十年后回归,他霸道地拢她入怀,强吻后说:“做我的女人,我许你优渥的物质生活与名利……”她冷笑入眉,不屑于重蹈姐姐的覆辙,转身投入了另一个男人的怀里。她恋他爱他,却一夜烟花后,这个温暖和煦的男人居然携着另外的女人重现在她的面前。为了生活,她摇身一变炙手可热的天桥模特;为了复仇,她虚以委蛇,把仇人视作亲人看待,亲自将最爱的男人送上“身败名裂”的巅峰。“好。”安辰御带有薄茧的指尖轻轻划过她的脸颊,扣住后脑勺的手倏地收紧,容不得她退缩分毫,“假如你仍然在恨,我会成全你,而且不惜任何代价。简沫,你要记住,这是你的选择……,”他掂起她的下巴,顿了顿,“我不会再给你后悔的机会。”她收回视线,凝重地看着眼前的男人,看着那双深不可测的眸里渐渐酝酿成极致的风暴,终于轻启唇瓣,“没错。我是收了你爸的钱。整整2000万,这些钱足够我以后的日子衣食无忧,也是我同意离婚的条件之一。而且你爸……这样的条件可谓宽厚,你觉得我有理由拒绝吗?”当行走在众多男人之中,闪婚又闪离,原来心心念念的仍然是阳光下最初回眸的那个人。满以为风云过后,她可以回到他的身边,却不知,由始至终她都只不过这场交易里最卑贱的筹码。

  • 婚非得已:两只萌娃闯豪门

    婚非得已:两只萌娃闯豪门

    她暗恋那个高冷俊美的男人,本来只想远远看着,盼他一世安好,甚至不惜赔上自己去联姻为他稳固家族地位。谁知世事难料,她退让至此,却依旧被那朵恶毒的黑莲花算计,爬上了他的床,也被他恨之入骨,甚至连孩子也被抢走,害的双胞胎手足分离,连她也差点落入无底深渊。五年后光芒四射霸气归来,只为告诉黑莲花一句话:抢男人可以,你若稀罕,姐可以送你一打。可是,敢偷本小姐的宝贝儿子,本小姐一定让你死的很有节奏感!喂,孩子他爹,领证吗?领了证我才能狠狠甩了你!某总裁推推眼镜,唇角勾起一抹薄笑:领证吗?求之不得。但能不

  • 为爱痴狂:天降萌妻

    为爱痴狂:天降萌妻

    他正在授奖,突然之间,漆黑一片,应急灯之下,她仓皇逃窜——当舞台再次点亮,当他张口欲言,顿时间,后台传出一位女子的尖叫声。他于拥挤之中,鸣响汽笛,她轻如飞燕,掠过他的视线,在他的豪车之上,刻下深深的一道痕迹。她辗转于地产之间,兜兜转转,终究落入他的“虎口”。恋上她,他已成狂,而她已成真命天女。恋上他,她已成痴,而他——

  • 你的爱在迁徙

    你的爱在迁徙

    三年的夫妻生活一直都很平淡,西雅过得很自由,不知道为什么,禽兽突然发情起来,常常强迫西雅啪啪啪不说,还神神密密的转移唐氏财产……

  • 高手至尊

    高手至尊

    起死回生玉面生斩杀千人血修罗!拥有双重称号的超级战神:叶昊!怀着一颗纯洁的心来到了大都市!莫名其妙的成了女神总裁的未婚夫,清纯美眉甩不掉,暴力女警花惹上身!喂!

  • 凝霜寒雪楚江南

    凝霜寒雪楚江南

    救人一世,尽落个满门抄斩,再世为人,她要逆天改命,毒祸天下!获神剑,契神兽,修神诀,炼天下神器!欺我者亡!虐我者死!诛我全家之人,让你连活都没有可能!再活一世,就是这样猖狂!他是世上最冷漠的九爷,战场见到他的人,都已经死了,人送“活阎王”。本以为他是最无情的九王爷,却变成了自己夜夜变狼的大师兄!“小师妹,我可以罩你一生!”“大师兄,我可以毒你全家!”“太好了!小师妹,我们一起双修祸害全天下!”双煞合并,天下谁人不抖!

  • 极乐医仙

    极乐医仙

    梁小天回村的那天,桃源村发生了翻天覆地的变化……

  • 先婚厚爱:宠妻捧上天

    先婚厚爱:宠妻捧上天

    从前,方蔓错把仇人当亲人,家产被夺,至亲被害,直至被推下高楼,她才幡然醒悟。那之后,她周旋在渣男贱女身边,步步为营,用尽心思,费尽演技,夺回公司,救下至亲,却也发现——那个上一世她无比讨厌惧怕的男人,原来一直在她身边……

  • 猜你喜欢
  • 安卓h5混合开发
  • h5开发
  • android和h5交互
  • 安卓H5价格
  • h5网页打包app
  • h5跟安卓对接
  • h5软件
  • H5
  • vue开发安卓
  • 热门推荐
  • crh2a非统型
  • 宝石鉴定证书真假鉴别
  • 油漆做旧的方法
  • 刀剑神域第一季bt下载
  • 绿萝壁纸
  • 物价局工作怎么样
  • 川航的飞机怎么样
  • xboxone游戏退款
  • anine
  • 1986年世界杯冠漫画
  • 青萝卜粉条包子的做法
  • 凤凰历史频道
  • input file multiple
  • vr oculus游戏
  • 大冶社保局电话号码
  • 香香公主 窒息 失禁
  • 新式保安押运服
  • 剑桥大学叹息桥
  • js有方法重载吗
  • 2017有基zz最新网站
  • All Right Reserved 安福网