关于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...

我们平时开发的时候，肯定都会接触到表单吧，那大家有没有想过一件事情，为啥你每次输入的时候，就能马上触发到表单的校验呢？ 有些兄弟就会好奇，这些个 input 框改变的时候，是怎么能触发到顶部 form ...

当我们被问到网页的性能问题时，我们往往会想到 首屏时间、白屏时间，但是其实很多人根本分不清这两个到底有啥区别，一问也是三不知，问你怎么计算的你也不知道，所以本文章教你怎么去计算这两个时间吧~ ...

而对于每天都在用的计算属性(computed)，我猜你肯定也想窥探其奥妙与原理对吧！走起！！！ 从computed的特性出发 computed最耀眼的几个特性是啥？ 1. 依赖追踪 import { reactive, computed } from ...