最近对照着源码学习Vue3的全局Api，边学习边整理了下来，希望可以和大家一起进步。 我们以官方定义、用法、源码浅析三个维度来一起看看它们。

axios取消重复请求： 相同的接口在上一个pending状态时，自动取消下一个请求； 请求失败重试： 接口请求后台异常时候，自动重新发起多次请求；请求接口数据缓存：接口在设定时间内不会向后台获取数据

上回，搞了一波vue3初始化流程的源码学习，其实那只是开胃小菜，学习初始化这部分源码能让我先了解到了vue3的基本架构，其次也让我更深入理解了vue3初始化的整个流程以及用法。学习源码的好处就是在这，之后做项目的时候用vue3在初始化碰到了啥问题就能够更快定位，这也算提升了自己…

前几天我用Vue3重构了我那个Vue2的开源项目，最后还遗留了一个问题：项目中用的一个websocket插件还不能正常使用。于是，我决定重写这个插件，让其支持Vue3。 本文将记录下重写这个插件的过程并将其发布至npm仓库，顺便给插件作者提个PR，欢迎各位感兴趣的开发者阅读本文…

想要搞明白 Vue3 的 DOM Diff 核心算法，我们要从一道 LeetCode 真题说起。 LeetCode 真题 300. 最长上升子序列 给定一个无序的整数数组，找到其中最长上升子序列的长度。 可能会有多种最长上升子序列的组合，你只需要输出对应的长度即可。 你算法的时…

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

最近看到了好几篇与微前端相关的文章，对于微前端的架构基本都提到了 iframe 方式，但最终也没看到那篇文章最后选择了 iframe 架构。既然如此，那我就来试试看用 iframe 实现微前端怎么样。 项目可以分为两部分，一部分是统一的登陆注册入口，一分部是主要的管理内容区。 …

在前后端分离的现在，大部分应用的展示方式都变成了 SPA（单页面应用 Single Page Application）的模式。为什么会选择 SPA 呢？原因在于： 用户的所有操作都在同一个页面下进行，不进行页面的跳转。用户体验好。 对比多页面，单页面不需要多次向服务器请求加载页…

从早期粗暴得将 css、js 资源设定浏览器本地缓存，到后来小图标合并成大图节省请求资源，还有动态请求304状态判断，然后 ajax 开启 web2.0 时代， pjax 大放光彩，到如今 vue.js 等前端框架的繁荣盛世，所有的这一系列发展，我认为，提速是一个核心驱动力。 …