![](https://img-blog.csdnimg.cn/d4193cf59d7a4ba1be6d437b53bfb7ec.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
性能
1
Justin0223
I will be okay
展开
-
谈谈移动端IOS橡皮筋特效
(一)前言 对于移动h5应用,会发现进场出现滑动橡皮筋效果,大部分情况下,如果将body设置为滚动条情况下,只要设置html就fixed定位,其实就能解决这个问题,但是大部分产品,会使用局部定位的元素来实现滚动,那么随之问题就会发生。 (二)页面元素滚动场景 本文解决方案,基本参考下面文章 参考链接 下面,我来说下,我遇到的问题场景 整体页面未使用body作为滚动条 内部定义div 为listV...原创 2019-11-10 18:08:11 · 1988 阅读 · 1 评论 -
控制视图首次渲染DOM数量
(一)前言 谈及相关性能优化,我们可以想到两个方面,一个是架构层级,一个是代码层级。这里我们说下常规代码方面,如果加快页面首次渲染,我们以React.js为例子,其实常规谈及最多就是减少重复渲染,但是如果我们在做一个页面,会有很长视图,用户首次渲染是看不到视图之外的页面的,这时候如果在首次打开页面,就直接进行渲染,那么当后续加载的视图足够大,越容易产生性能瓶颈,或许在web看不出,但是就h5体验方...原创 2019-10-15 14:49:42 · 269 阅读 · 0 评论 -
CSS动画开启硬件加速
(一)前言 在需要高频交互的css动画时候,我们就需要考虑使用CSS3 硬件加速。 首先,CSS3 硬件加速又叫做 GPU 加速,是利用 GPU 进行渲染, 减少 CPU 操作的一种优化方案。由于 GPU 中的 transform 等 CSS 属性不会触发 repaint,所以能大大提高网页的性能。 现在,像Chrome, FireFox, Safari, IE9+和最新版本的Opera都支持硬件...原创 2019-09-05 03:38:04 · 2022 阅读 · 0 评论