大侠留步

现代前端开发中已经离不开各种脚手架的使用了，例如vue-cli和create-react-app等脚手架，而我们在日常开发中都会在这些脚手架的基础上做一些升级改造，例如集成一些常用的工具、网络请求封装

前言 本文主要记录使用qiankun + Vue2搭建微前端的过程，主应用、子应用均采用Vue2，由于笔者工作项目中使用的路由模式都是hash模式，所以文中的主应用和子应用也都采用hash模式。

一、Vuex是如何使用的 在Vue项目中，使用vuex的步骤大概如下： 在src下创建一个store/index.js，然后添加如下代码 在main.js引入 然后就可以通过this.$store访问

this 指向哪？先记住一句话：谁调用就指向谁，记住这句话就成功一大半了。 函数fn相当于挂在window，调用fn()等同于window.fn()，所以fn可以看做是被window调用

事件触发顺序 当DOM出现上面这种嵌套的层级关系时，如果父级元素和子级元素同时绑定了DOM事件（例如点击事件），那事件触发的顺序是怎样的？当点击div2时，是div2绑定的点击事件先执行还是div1？

数据量比较大的列表进行渲染时，可以看到很明显的卡顿， 应对这种情况，主流的方案一般采用虚拟滚动进行优化，本文则主要分享一下`分片思想 + requestAnimationFrame`的优化方式。

开始本文之前，让我们先看看下面这两个问题： 先说出我心中认为的答案： 上面的答案似乎是有矛盾的，既然认为宏任务先执行，而setTimeout是宏任务，Promise.then()是微任务，那应该是se

为了减少资源请求次数，加快资源访问速度，浏览器对资源文件如图片、css文件、js文件等有一个缓存功能，而浏览器缓存策略又分为强缓存和协商缓存，什么是强缓存？什么是协商缓存？两者之间的区别又是什么？

reactive 数据类型 reactive()可用于创造一个响应式对象，它接受一个参数，这个参数的类型是一个重点，接下来我们先看看Vue3的源码里是怎么处理的。