背景 如果在做某个平台的时候，我们需要统计用户点击的次数，点击的区域，点击元素，等等，那我们应该怎么去做比较合适呢？ 举个例子，我想在用户点击页面上的每一个元素时，我都能把这个元素的DOM节点信...

很早一段时间，我们前端组做了一些国外系统的小优化(集中表现在代码执行速度，系统安全等方面)，故新建一篇文章来记录这次优化的经历。 1. 减小文件体积/网络请求 方法一：删除需要预先加载和预先获取的...

洋葱模型 洋葱模型是什么呢？作用是什么呢？ 先说说他的作用吧，他的作用是为了对一个请求的整个生命周期做一个统一的管理，一个请求的生命周期包括请求、响应。由于实现方式像一层一层剥开洋葱，所以叫洋...

关于import maps不知道大家有没有听过，我之前只是知道JavaScript增加的新特性，具体什么作用也没有进行学习研究过，周末学习中看到有人使用它，于是也尝试了解一下~，后来发现确实还是挺好用的，所以写一篇文章...

最近开发了一个功能，页面首页会加载大量的图片，初次进入页面时，会导致页面性能下降， 于是乎，我改进了这个功能，可以让所有图片自动懒加载。 原理 这个功能主要的底层逻辑是是使用IntersectionObse...

背景 我们平时在开发项目的时候，总会涉及到调用接口，调用接口就会涉及到跨域问题，那我们平时是怎么去解决跨域问题的呢？ Cors： 后端开启跨域允许 Nginx： 后端配置允许跨域的手段 ...

痛苦的经历 自从使用了Provide/Inject代码的组织方式更加灵活了，但是这个灵活性的增加伴随着代码容错性的降低。我相信只要是真的在项目中引入Provide/Inject的同学，一定一定有过或者正在经历下面的...

前言 最近工作中有需要将一些前端页面(如报表页面等)导出为pdf的需求，博主采用的是html2Canvas + jspdf。 步骤 1.引入两个依赖 npm i html2canvas npm i jspdf 点击 jsPDF GitHub[1]、...

在很多公司中，内部都会封装一些适用于公司内部业务的方法库来提高整个团队的开发效率，比如： 防抖节流 懒加载、虚拟滚动 dom增删改查、移动、拖拽 管理状态 而在 Vue3 项目中，这种方法库表...

仅需2行代码，就能实现上图中的优化效果，让JS文件的加载耗时从1.4秒减少到0.4秒，大幅减少951ms（-67%） ，代码实现也非常简单方便，一起学起来吧~ 资源优先级提示：预取回 Prefetch，预加载 Prelo...