江苏龙网

0. 但凡优化,有啥好的方法改善WebView中列表的滑动效果

『江苏龙网摘要_0. 但凡优化,有啥好的方法改善WebView中列表的滑动效果』用 Chrome 开辟者对象或移动设备对应的 Remote debugger 先分析一下在滚动过程中到底哪些身分影响了机能。Chrome 开辟对象中的 Timeline、Profiler,以及与 Rendering 有关的┞封些选项都超等有效:1. 懂得现代浏览器对滚动区域的处理以 Chrome 为例,有滚动...


0. 但凡优化,先分析原因再动手,profiler is your friend用 Chrome 开发者工具或移动设备对应的 Remote debugger 先分析一下在滚动过程中到底哪些因素影响了性能。Chrome 开发工具中的 Timeline、Profiler,以及与 Rendering 有关的这些选项都超级有用: 【有啥好的方法改善WebView中列表的滑动效果】 有啥好的方法改善WebView中列表的滑动效果

1. 了解现代浏览器对滚动区域的处理以 Chrome 为例,有滚动条的元素,会分成三个 layer:container 层、content 层、滚动条层。并且尽量让 GPU 参与进来层合成。Android 4.4 以下的版本 Webview 是老旧的 webkit 核心,对GPU 加速的支持度有限。Android 4.4 起换成了 Chromium 。那么你可以检查一下:分层是否正确,是否有太多分层,能否降低一些效果减少一些分层会卡顿的 Webview 是不是打开了 GPU accelerated composition2. 试下 iScroller
利用以上原理, iScroller 可以在老旧的浏览器上尝试优化,做法就是把滚动元素分为 container 层和 content 层,用以下 css 属性代替 native scrolling
transform: translateY(offset) translateZ(0)3. 其他应当注意的地方
不要在 scroll 事件上做太多事情在老旧的浏览器上, on screen image 的加载过程会造成卡顿,考虑改成 off screen image如果列表很大的话,考虑使用对象池(object pool / infinite scrolling)减少内存消耗4. 考虑把 Webview 核心换成 Chromium
如果你是在写 hybrid app,可以考虑集成 The Crosswalk Project ,让 Android 4.0 及以上的系统版本都享受到一致性、性能提升和更好的调试功能,但坏处就是项目会变大。
5. 如果这都满足不了你的话。。
Flipboard 的死宅们最近搞了个 Canvas-react ,用 canvas 代替传统的 DOM 来获取更高的性能: 60fps on the mobile web
参考:
http://www.html5rocks.com/en/tutorials/speed/layers/http://www.html5rocks.com/en/tutorials/speed/scrolling/https://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chromehttps://www.chromium.org/developers/design-documents/chromium-graphics/how-to-get-gpu-rasterizationhttp://engineering.flipboard.com/2015/02/mobile-web/

    声明:本文是由网友投稿,文中所阐述的观点不代表江苏龙网的立场。

    生活

    车业杂谈|国庆自驾游指南:这几款MPV保证让你玩得舒服

    阅读(10)

    本文图片 本文图片 30万以内MPV推荐 图文:胡越 编辑:颜覃 国庆长假出游 , 热门景点全是人 , 干啥都要排队 , 体验非常差 。 因此 , 现在选择自驾游的朋友越来越多 , 一家人选个人少景美的地方放松一下 , 比去热门景点不知道舒服多少倍 。 那这时候 ,...

    生活

    续航|联合引擎|又来一炮?

    阅读(24)

    什么?又打一炮?本年打的炮也不免难免太多了吧。哎哎,别误会,我说的是长城炮。已经记不清长城炮(参数|图片)本年已经是第几回上市了,固然每次上市的版本都不一样,什么商用皮卡,乘用皮卡,越野皮卡,还有什么8AT,6MT,等等。这个月似乎又有什么“黑弹版...

    生活

    续航|新款奇瑞瑞虎e官图发布 全新外观/续航401km

    阅读(16)

    日前,行车视线大年夜官方获取到一组新款奇瑞瑞虎e的官图。外不雅方面,新车采取了全新设计说话,与新款瑞虎5x形成同一。同时,新车袈溱设备上还新增10.25英寸中控屏、手机无线充电等设备。据懂得,新车袈浃计在10月上市。外不雅方面,新车采取了全新的设计说...

    生活

    国产车|五菱凯捷正式预售,8.98万起,配置已是同级最优

    阅读(45)

    在我的眼中这款车有四大年夜亮点,起首就是在价格方面异常有优势,很多人都说它是MPV,但我认为它照样一款“大年夜四座”的SUV。4.8米的车身长度,还有2.8米的轴距,已经达到B级车的标准了,然而起售价还不足8万,对于那些上有老下有小的仁攀来说,买不起B级...

    生活

    51-70万|大夸“真香宝马iX3”!2款新车型!价格诱人!

    阅读(37)

    宝马iX3的根本设备据悉,宝马IX3已于9月13日正式预售,设备方面,新车标配多功能活动偏向盘、前排座椅加热、先辈的三区主动空调、智能互联驾驶舱、交通拥堵帮助等,此外,新车还供给了六种车身色彩:炭黑、矿物白、量子蓝、羊绒银、深红色和神秘灰色。宝马iX3...

    生活

    MJ车谈|长城炮柴油版8AT上线,售价11.78-20.68万

    阅读(20)

    比拟于美国等热衷于皮卡的国度,中国的皮卡受限于多种政策,导致在马路上见到皮卡的概率是小之又小。大年夜多半美国人认为,皮卡即能载人,又能装货,实用性极强;而中国人多若干少寻求一点面子工程和居家实用性,所以硕大年夜的皮卡毫不是他们的重要选择。只...

    生活

    这车值么|XC40 RECHARGE诞生的意义仅限于沃尔沃的首款纯电动汽车?

    阅读(28)

    文丨CZZ2020年,迟到的北京趁魅展,让很多新车也都姗姗来迟。沃尔沃汽车携旗下全电气化声威参展,旗下首款纯电动汽车——纯电SUVXC40RECHARGE也在趁魅展示场正式表态。那么,这款新车的宣布对于沃尔沃的将来成长又有如何举足轻重的意义呢?▎全新智能互接洽统...

    生活

    北京车展|吉利星瑞最快10月上市 基于CMA平台打造/搭2.0T发动机

    阅读(35)

    不久前,吉利星瑞正式在北京趁魅展上首发表态。近日,行车视线大年夜相干渠道获悉,吉利星瑞最快将于本年10月正式上市。新车是吉利旗下首款基于CMA平台打造的轿车车型,搭载沃尔沃Drive-E系列2.0TD缸内直喷涡轮增压发念头。外不雅方面,新车采取了全新的设计...

    生活

    搜狐新闻|AMD CEO苏妈预告Zen3架构:性能将创新高

    阅读(37)

    来源:新浪VR距离10月8日Zen3架构宣布不足两周了,AMDRyzen官方账号刊出CEO苏姿丰博士的视频,她饶有兴趣地进行了预热。苏博士表示,为了客户也为了粉丝,Ryzen老是走在推动我们可达到、最高机能计算的旅途中,Zen3也恰是如许的存在。换言之,Zen3架构将达到...

    生活

    『良心国货大赏』在雨天我们应该怎么样做到安全行车呢

    阅读(21)

    防止轮胎侧滑雨寰宇面湿滑,轮胎会因路面雨水附着而摩擦力降低,这轻易造成轮胎侧滑,所以在雨天转弯时要提前减速,控制好车速;保持比日常平凡稍远的跟车距离,须要急刹车,要控制好偏向,不要边转偏向边刹车,如许就轻易侧滑。02削减雾气产生气象忽冷忽热,...

    生活

    【别克】电动车会是理想的出行工具吗?别克微蓝或许能给你答案

    阅读(22)

    如不雅你问19世纪末的人想要什么,他们毫不会说是汽车,而会说我要一匹跑得更快的马。21世纪的今天,大年夜家都在说新能源是将来汽车的前程,但它真能代替一辆燃油车吗?就像昔时汽车代替马车?这是我们此次测试的重要动因。而之所以找到这辆别克微蓝做测试车...

    生活

    @领克X小红书直播:一小时卖出196个订单

    阅读(50)

    领克官方数据显示,当天有301名用户经由过程直播间预约试驾,个中196人在两周内经由过程官网下单购车,订单转化率跨越65%。?领克汽车袈溱小红书进行产品展示时大年夜多环绕女性展开,主打颜值和体验:“女生第一辆代步车推荐”、“女生也挥莶欢上的机能车”、...

    生活

    满分|温儒敏点评高考满分作文:写作教学不要轻易把满分作文当范文

    阅读(33)

    温儒敏大年夜该篇满分作文本身的“文风”、高考阅卷的标准条规、高考作文的命题及考察要义、高考阅卷评分相干规律等四个方面给出看法,令不少网友认为“总结周全、言必有中”。以下是温儒敏针对高考满分作文┞幅议而揭橥的微博全文:浙江高考满分作文引起很大...

    生活

    [5G手机]国内旗舰级迈入大价格上涨,这两招教你选才最可靠!

    阅读(35)

    要知道的是,在客岁的智妙手机市场上,不论是小米9、光荣20、一加7照样iqoo,大年夜都集中在2799阁下的价位区间内。所以,本年的国产手机开端集体大年夜涨价了。那么在这种情况下对于有买手机需求的我们而言,该如何选呢?别焦急,下面两招告诉你!第一,选择...

    生活

    『皮肤』怎么去除黑头闭口?这样做,无异于毁容!

    阅读(45)

    想去黑头钳口,起重要知道它们是什么?  黑头钳口同属于粉刺,也叫痤疮,我们的皮肤构造里皮肤构造,皮脂腺负责渗出油脂,油脂出不来就会形成一个凸起。这个凸起是痘痘的前身,也是我们日常说的钳口,和痘痘的红肿饭桶不一样,钳口摸获得,但又似乎看不到。...

    生活

    「癌细胞」人都怕癌,但癌却怕“它”,再穷也要早晚吃一口,或助你抑制癌细胞生长!

    阅读(35)

    说起豆腐大年夜家都不陌生吧,并且大年夜家天天也都能吃到吧,豆腐琅绫擎含有丰富的甾固醇,豆甾醇都是克制癌症的成分,可以有效克制乳腺癌,还有前列腺及血癌等癌症,并且豆腐还特别便宜,所以,生活中,再穷也要日夕吃点豆腐,抗癌又防癌哦!2.青椒青椒的养...

    知识

    怎样把编程语言带入文法来理解

    阅读(27)

    一个比较好的参考材料是 《虎书》,全称《现代编译道理》,琅绫擎附了一个完全的Tiger说话,包含文法的定义。可以推敲去藏书楼找,一般应当都有。如不雅很想参考实际应用的说话,可以推敲查看这个lua的文档,第9节就是完全的文法,算是实际说话中除lisp系之外...

    知识

    有啥好的方法改善WebView中列表的滑动效果

    阅读(45)

    用 Chrome 开辟者对象或移动设备对应的 Remote debugger 先分析一下在滚动过程中到底哪些身分影响了机能。Chrome 开辟对象中的 Timeline、Profiler,以及与 Rendering 有关的┞封些选项都超等有效:1. 懂得现代浏览器对滚动区域的处理以 Chrome 为例,有滚动...

    知识

    电商APP开发前景咋样

    阅读(35)

    同城交友APP类 制造主如果以城市为核心,为在同一个城市的用户供给交友办事的手机端。在这里,用户可以设置本身的兴趣爱好,而平台会根据这些数据为用户推荐兴趣雷同的小伙伴,让用户快速熟悉到更多的同伙。消息资讯类APP应用及时汇集当缁ゎ新的消息时事,并...

    知识

    阴阳师游戏中山兔/镰鼬速度拉条机制是啥样的

    阅读(22)

    进度条总长度/一速 = 一速开端行动的时光 一速开端行动的时光*二速+进度条总长度*0.3=二速被拉条后的地位 二速被拉条后的地位\u0026gt;进度条总长度则不会被超车 所以:(进度条总长度/一速) * 二速 + 进度条总长度 * 0.3 \u0026gt; 进度条总长度 提取进度条总...

    知识

    怎样才能寻找到技术牛人

    阅读(50)

    你永远不会知道通过任何方法“找到”的牛人是不是真牛,除非你也懂行并且还把他拉过来解决一个你的问题然后发现对方的方案方法比你的设想好太多太多。...

    生活

    汽车知识|起亚智跑:经典韩系SUV跌至9万,大家为啥还是选CR-V?

    阅读(15)

    跟着国内汽车市场的快速成长,合伙品牌车型的销量也随之水涨船高,但并不是所有品牌都可以或许享受到市场的红利,韩系品牌比来几年的成长明显就比较落后。像韩系双雄的起亚,固然有多款到处颂扬的车型,然则今朝的车型的销量却比较一般,即就是推出性价比较高...