Vue

背景 项目中使用的ant-design-vue版本为1.7.8, this.$message.error()不支持手动关闭提示框。 实现 message的content的类型可以是VNode，一般情况

未优化前app.js文件大小 未优化前app.js文件大小为9.2MB 写一个webpack插件，找出size比较大的module 优化1 src/theme/index.less文件大小706977

lodash优化前大小 webpack配置lodash单独生成一个bundle，优化前体积为3.2M。项目中用到lodash方法并不多，所以这个3.2M应该没有按需加载。 写一个webpack插件，协

KeepAlive的缓存策略 keepAlive组件定义一个cache对象，用来存储缓存的页面。keepAlive设置缓存key的源码如下： 判断vnode的上是否有key属性，即<router-vi

我们先来分析下面这段代码的执行顺序： 上面代码最终的输出顺序是： 20、10、100、300 在这个页面之外路由currentRoute，路由currentRoute变更，新增一个微任务1到微任务队列

前言 简介 Ace 是一个用 JavaScript 编写的可嵌入代码编辑器。它与 Sublime、Vim 和 TextMate 等原生编辑器的功能和性能相匹配。它可以很容易地嵌入到任何网页和 Java

基础环境 Vue 2.6 ant-design-vue lodash 具体实现 最外层区域 设置外层div固定高度height=300px; 监听滚动事件handleScroll，handleScro

基础环境 Vue 2.6.10 vue-cli 1. 增加一个最简易的组件 packages/components/chart/src/chart.vue 2. 导出MyChart组件 3. 入口文件

this.$route.query拿到的是hash后面的search部分 如上图所示， hash的前面有?b=2，hash的后面有?a=1 , 输出的route.query是{a: 1}。 windo

案例1（Vue3 + webpack）编译<img :src="'../assets' + '/11.png'" />的结果: 编译后的render函数： 案例2（vue3 + webpack）编译<

Vue2的::v-deep和Vue3的:deep()有什么区别 https://github.com/vuejs/rfcs/blob/master/active-rfcs/0023-scoped-st

webpack项目基础配置 webpack版本 新建项目文件夹ts-animates-webpack-demo pnpm初始化 pnpm init，根目录下生成package.json文件 新建src

Vue2 Diff算法 源码位置：src/core/vdom/patch.ts 源码所在函数：updateChildren() 源码讲解： 有新旧两个节点数组：oldCh和newCh； 有下面几个变量

keepAlive的最大缓存数是无限大 当我们未设置keepAlive的最大缓存数时，当缓存组件太多，会导致内存溢出。 keepAlive最大缓存数测试实践 如下脚本，给组件设置keepAlive缓存

Vuex和Pinia的一些区别 pinia支持组合式api pinia更好的支持TS pinia没有了mutation，pinia的action可直接修改state。 pinia无需再使用dispat

router-view视图组件通过监听响应式对象currentRoute实现视图的更新。 router/packages/router/src/router.ts router/packages/ro

构建应用 运行npm run build命令来执行应用的构建； 默认情况下，构建会输出到dist文件夹中。可以部署这个dist文件夹到任何平台。 本地测试应用 当你构建完成应用后， 可以通过运行npm

element-plus的虚拟表格table-v2的实现 项目中使用table-v2 官方文档： https://element-plus.gitee.io/zh-CN/component/table

vite+vue3的h5适配方案 安装lib-flexible和postcss-px2rem npm i lib-flexible -D pnpm install postcss-px2rem -D

Vue测试版本 "vue": "3.2.12", 内存泄漏快照 源码分析内存泄漏原因 在keepAlive组件的setup函数中， 声明了一个变量 const storageContainer = c