- 博客(3)
- 收藏
- 关注
原创 定高「虚拟列表」该如何实现?
虚拟列表 其实我们的屏幕可视区域是有限的,能看到的数据也是有限的,所以可以在用户滚动时,只渲染可视区域内的内容即可,不可见区域用空白占位填充, 这样的话页面中的 DOM 元素少,CPU、GPU 和内存负载小。下拉底部加载更多实现懒加载,此方法随着内容越来越多,会引起大量的重排和重绘,依赖可能会卡顿。过扫描实质上是切断图片的边缘,以确保所有重要的东西显示在屏幕上。计算时间过长,用户需要长时间等待,体验差。内存占用过多,严重会引起浏览器卡死和崩溃。GPU 负载过高,渲染不过来会出现闪动。
2023-01-07 00:58:37 413
原创 JS继承必会的几种方式
1.原型链继承2.借用构造函数继承3.组合继承(经典继承)4.原型式继承方法一:方法二:Object.create()5.寄生式继承6.寄生组合式继承
2023-01-03 16:08:08 67
原创 浏览器缓存机制介绍与缓存策略剖析
缓存可以减少网络IO消耗,提高访问速度。浏览器缓存是一种操作简单、效果显著的前端性能优化手段。对于这个操作的必要性,Chrome 官方给出的解释似乎更有说服力一些:通过网络获取内容既速度缓慢又开销巨大。较大的响应需要在客户端与服务器之间进行多次往返通信,这会延迟浏览器获得和处理内容的时间,还会增加访问者的流量费用。因此,缓存并重复利用之前获取的资源的能力成为性能优化的一个关键方面。很多时候,大家倾向于将浏览器缓存简单地理解为“HTTP 缓存”。但事实上,浏览器缓存机制有四个方面,它们按照...
2022-01-06 11:21:54 2839
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人