webkit在绘制页面时会将结构分为各种层，当层足够大时就会变成很大的平铺层。这样一来webkit在每次页面结构发生变化时不需要都渲染整个页面而是渲染对应层了，这对渲染速度来说相当的重要。webkit会给各种层分配一定大小的“后备存储器”在内存里缓存起来，这就是绘制层的上下文，通过这个上下文就可以很容易的实现各种效果(动画，3D变换等)，“后备存储器”内存占用大小不仅依层而定，跟设备和显示方式也是有关的，假设这在普通屏幕下是1：1的，但在Retina屏幕下则是1：2的，并且放大时这个量会成倍增加；一张图片是10X10，普通屏幕分配的就是10X10，Retina初始则是20X20。这也表明Retina是更加消耗内存的。当层很大时，意味着“后备存储器”会消耗更大的内存，为了避免这点，webkit并不会绘制一个很大的层来存储一个很大的页面，比如说平铺层则会拆分成很多的块来绘制，即尽占用尽可能小的内存，只是将可视范围内的那部分渲染出来。这就是为什么我们在大页面滚动时会发现下面的内容慢慢显示，向上滚动时上面的内容还慢慢显示的原因。

以下则是webkit划分为层绘制的场景：

页面主容器永远是独立的平铺层

绘制密集型元素时，如,

应用3D transformations的元素，包括translate3d, rotate3d, translateZ

内容被加强时，如Filters, masks, reflections, opacity, transitions, animations

某些特殊的情况下也会，如position:fixed, -webkit-overflow-scroll:touch

任何在已知层上覆盖的内容

webkit是不会将这么大的层整个分配内存绘制渲染的，所以，只要将滚动区域可视范围的列表项元素缓存起来就解决这个问题了。

解决方法：

ios闪屏问题 vue_iostransitiontranslate闪屏问题总结相关推荐

  1. MacPS安装服务器当前无响应,最新：M1芯片Mac安装Photoshop2021闪退/卡在启动屏页解决办法...

    原标题:最新:M1芯片Mac安装Photoshop2021闪退/卡在启动屏页解决办法 最近M1芯片的版本更新和PS更新,好多M1用户终于可以在M1芯片上安装PS2020以上的版本了! 但是,可能很多小 ...

  2. 华为鸿蒙魔法闪投大小屏幕互动,「老熊科普」魔法闪投，荣耀智慧屏就是你的“超级大手机”...

    荣耀智慧屏发布之后,很多人把它称为一台"55英寸的大手机",这个说法很有趣.荣耀给这款产品带来了很多新的功能,确实会让你用智慧屏就像用手机一样方便.昨天老熊已经给大家介绍过荣耀智慧 ...

  3. 惠普计算机开机半花屏,惠普笔记本闪屏_惠普笔记本闪屏黑屏花屏现象，如何解决...

    惠普笔记本偶尔闪屏 控制面板中打开"电源选项" 改完之后应用即可. 惠普笔记本老是闪屏怎么办啊 这个闪屏门和灯管有问题都可能.如果是14寸宽屏的就下个鲁大师看看屏幕是不是LG的 是 ...

  4. ffmpeg rtmp 花屏_iphone6splus花屏闪屏，iphone6sp换屏价格

    人们之所以会购买iPhone,大多数用户是因为它有非常高清的屏幕.一个高清的屏幕,不仅对大家的视力损害小,而且会有一个非常好的使用体验.但是手机一旦出现屏幕跳屏.花屏竖条的情况,会极大的影响人们对手机 ...

  5. android 快速亮暗屏_Android设备闪屏怎么办？手机屏幕一会亮一会暗怎么办

    展开全部 闪屏问62616964757a686964616fe78988e69d8331333365646335题作为Android的一类常见问题,原因复杂多样.我们在这里整理一下如何分析闪屏问题,找 ...

  6. ios点击推送闪退_苹果是应用闪退打不开怎么办

    苹果是应用闪退打不开怎么办 如果你的软件突然发生崩溃导致闪退,导致你打不开.这个是很烦心的事情,今天来给大家解决这个问题. iphone6s闪退怎么办? 1. 重启ios设备 如果是突然之间闪退,可以 ...

  7. ios分屏_苹果分屏功能怎么用？教你一键开启iPad分屏

    苹果的分屏功能怎么用?很多苹果手机用户都对分屏的功能颇感兴趣,试问谁不想一边看剧一边还能刷微信回消息呢? 遗憾的是,现在iPhone的用户还只能继续对安卓手机羡慕下去,当前iOS系统并不支持直接分屏, ...

  8. iOS App外包开发解决闪退问题

    在iOS应用开发中,闪退(应用程序意外退出)是一个常见的问题.为了查找和解决闪退问题,可以使用以下工具和方法.今天和大家分享这方面的知识,希望对大家有所帮助.北京木奇移动技术有限公司,专业的软件外包开 ...

  9. iOS开发屏幕旋转锁定横竖屏解决方法

    iOS开发屏幕旋转锁定横竖屏解决方法 使用场景: 公司最近产品,有两个界面是横屏的,其他的界面是竖屏的.针对这个需求,也调试了一段时间.在网上也查找了不少资料. 解决的方案也是有的,但是都是需要在导航 ...

最新文章

  1. 没想到吧，让你一秒变身纸片人的爆火AI特效，背后还有这么多知识点
  2. python numpy数组和one-hot编码相互转换
  3. mysql定期执行备份语句_【mysql】备份篇1：使用系统计划任务+mysqldump 定时备份mysql数据库 不用输入密码自动导出sql文件...
  4. 微信红利末期，新媒体运营除了打造10W+还应该做什么？
  5. 《剑指offer》连续子数组的最大和
  6. 计算机网络学习笔记（9. 报文交换与分组交换③）
  7. 数组模拟加法（每日一练 11.30）
  8. Python中无法使用“~”获取Ubuntu系统的用户目录
  9. 黄聪：wordpress教程
  10. 【渝粤教育】国家开放大学2018年春季 0001-21T入学教育与终身学习指引 参考试题
  11. vue.js的生命周期
  12. blogspot博客搬家
  13. 微信服务号的开发-服务器配置
  14. loj10102 旅游航道
  15. win10怎么取消小箭头_已取消到该网页的导航,小编教你网页提示已取消到该网页的导航怎么办...
  16. Swarm-bzz/Ipfs-fil的去中心化存储到底是什么？
  17. WINDOWS SERVER 2016 设置使用照片查看器查看图片
  18. 火车，飞机 查询接口
  19. PMI推出新认证：PgMP 项目集管理
  20. 最新版表情包小程序源码无需服务器

热门文章

  1. 苹果手机的siri在哪里_苹果手机轻敲背面3次自动录音，这个黑科技功能，我真是爱了|苹果手机|手机|siri...
  2. WP如何获取用户和手机信息
  3. 控制自己是心理健康的特别规则
  4. linux chown命令格式,Linux chown命令详解使用格式和方法
  5. 图文素材生成视频TTV——简介
  6. 小辣椒p60手机怎么样_山寨手机真的消失了么？
  7. mysql 签到 存储,MySQL和Redis实现用户签到，你喜欢怎么实现？
  8. js常用正则验证方法
  9. python项目实战——银行取款机系统（二）
  10. Python如何引用另一个py文件中的变量