背景 我们平时在开发项目的时候，总会涉及到调用接口，调用接口就会涉及到跨域问题，那我们平时是怎么去解决跨域问题的呢？ 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 ...

背景 最近在看一个五年前的比较老的工具库源码，学到了一点代码的小技巧，我觉得对于以后的异步操作开发来说挺有用的，所以今天写了一篇文章，分享给大家~ 例子 假设，现在有一个类，这个类维护了一个d...

源码地址 其实源码很简单，超级短 github： https://github.com/sanxin-lin/sunshine-storage npm： https://www.npmjs.com/package/sunshine-storage 背景 在平常的项目开发中，有...