![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
性能优化
文章平均质量分 53
大刘鸭
如果你觉得你写的代码有bug,那么它一定有bug。
展开
-
javascript之防抖(debounce)和节流(throttle)
javascrip防抖节流的实现、区别、定义原创 2023-11-15 15:35:58 · 216 阅读 · 0 评论 -
vue中v-if和v-for优先级谁高;vue2和vue3中v-if和v-for对比
vue中v-if和v-for优先级对比;vue中为什么不推荐v-if和v-for写在同级别标签;vue2和vue3中的v-if和v-for对比;原创 2023-06-21 14:35:18 · 803 阅读 · 0 评论 -
react优化之React.memo
有如下父子组件const Home = (props) => { const [name, setName] = useState('孩子我叫大刘鸭') const [num, setNum] = useState(0) const updateNum = () => { setNum(num + 1) } return <div> <div>我是父亲</div> <div onClick={updateNu原创 2022-01-19 10:47:21 · 434 阅读 · 0 评论 -
web前端性能优化--图片优化
CSS Sprites,将同类型的图标或按钮等背景图合到一张大图中,减少页面请求。即雪碧图Icon Font,将图标做成字体文件。优点是图标支持多个尺寸,兼容所有浏览器,减少页面请求等。美中不足的是只支持纯色的icon。SVG,对于绝大多数图案、图标等,矢量图更小,且可缩放而无需生成多套图。现在主流浏览器都支持SVG了,所以可放心使用!图片压缩工具,可以在图片上线前使用压缩原创 2016-11-17 16:10:32 · 335 阅读 · 0 评论 -
重绘和回流的异同,如何避免优化?
什么是重绘?当render tree中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,比如background-color。什么是回流?当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)。区别:回流必将引起重绘,而重绘不一定会引起回流。比如:只有颜色改变的时候就只会发生重...原创 2019-10-10 10:24:12 · 1782 阅读 · 2 评论