性能优化

若浏览器支持原生loading="lazy"则使用原生浏览器懒加载； 若浏览器支持IntersectionObserver属性，则通过该属性实现； 否则使用原生js执行懒加载（scroll 事件等）；

虚拟滚动列表基础原理篇 虚拟滚动列表听说已久，一直没有自己动手实现， 今天剖析一下基础原理，涉及缓存和优化请查看下一篇文章，下面直接进入正题。 1. 页面构成 外部固定高度的盒子 内部模拟全部列表元素

虚拟滚动列表优化版 若对虚拟滚动列表没有概念可以看上一篇基础原理篇， 这版优化包含缓存，简单节流和结合分页加载数据，下面直接进入正题。 在基础版本之上添加上下缓存区+节流+分页

图片压缩对于前端性能优化来说是一项基础优化，图片往往是一个网站加载资源的大头，做好对图片的压缩可以对网站的加载速度有很大的提升。 对于图片压缩，应该采用有损压缩还是无损压缩呢？ 这需要根据真实的业务场