3333333

safari浏览器 window.open() 方法不生效？ 1. 背景 其实在Safari浏览器中，正常使用window.open()方法是没问题的，只不过是在回调函数中使用window.open就

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

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

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

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

js简单易懂手写 call apply bind 这三剑客的使用容易忘记其原理，总结此笔记加强巩固，有不足之处希望评论指出

js实现简单的中央事件总线EventBus 在vue中会用到中央事件总线进行小型项目的组件通信，这里用js简单实现一个，学习记录，有不足之处可指出

z-index 在日常开发中经常使用，所以将一些使用注意事项在这里整理一下。 定义和用法： z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 使用说明