性能优化
文章平均质量分 81
Cshaosun
这个作者很懒,什么都没留下…
展开
-
什么是回流与重绘,如何尽力避免
和是浏览器渲染页面的两个不同过程。原创 2024-09-06 14:08:31 · 307 阅读 · 0 评论 -
懒加载<图片懒加载>
监听 scroll、resize 等事件,当事件触发时,获取图片元素的位置信息、滚动高度及视口高度,计算出当前图片元素是否出现在视口内,如果出现了则加载图片。当页面滚动时,vue-lazyload 会检测元素是否进入可视区域,如果是,则替换元素的 src 或者 style 属性,从而实现懒加载。在比较长的网页或应用中,如果图片很多,所有的图片都被加载出来,而用户只能看到可视窗口的那一部分图片数据,这样就浪费了性能。:所有浏览器都兼容,可以比较灵活,自定义触发加载的时机,可以结合图片加载预览提升用户体验。原创 2024-09-06 11:02:52 · 794 阅读 · 0 评论