项目从 vue2 升级到 vue3 后发现 element-plus table 的性能相比 vue2 版本下降非常严重，很卡，经过性能分析比对，找到了 3 个比较核心的优化点，减少了85%渲染耗时。

之前的章节，我们按照流程介绍了vue的初始化、虚拟Dom生成、虚拟Dom转为真实Dom、深入理解响应式以及diff算法等这些核心概念，对它内部的实现做了分析，这些都是偏底层的原理。接下来我们将介绍日常开发中经常使用的API的原理，进一步丰富对vue的认识，它们主要包括以下： 这…

前言 朋友们大家好，我是林三心，还是那句话：改变不了，那就适应它，源码的理解在当今前端市场越来越重要了，理解源码，可以使我们在开发中更快地捕捉到问题所在，今天讲到computed，watch的原理，个

前端开发者往往不太关注页面所占用的内存，因为前端内存的分配与回收基本是依靠系统自动完成的，这个过程对于开发者是无感的 但内存优化的作用也同样重要，一个好的网站，内存的优化也是极致的

判断内存占用情况，以 heapUsed为基准。 通过监测performance monitor面板，如果发现内存又缓慢的增加，说明存在内存泄露。 我的情况是大概每隔30s，增加1-2MB内存，虽然不多，但随着时间的增加，网页进程会卡死，因此需要详细分析。 打开chrome下的m…

vue3的内存泄漏 在项目中会发现一个奇怪的现象，当使用element-plus中的图标组件时会出现内存泄漏。详情查看 解决方案1：关闭静态提升。详情查看 解决方案2：文末附上

最近有朋友正在准备面试，刚到公司就收到他的消息，接连几个 vue-router 也把我给问懵了 😶 这大早上的人都还没醒就已经梦游到工位上了，眼睛是迷离的，脑子也是糊的，这人怎么能好学呢?反正我不行

1. 可能产生内存溢出的情况 2. 利用devtools查找问题 3. vue项目中可能产生内存溢出的地方 4. 由于浏览器或vue框架本身导致的内存溢出 5. 参考文献

pnpm 是什么 本文正在参加「金石计划」 pnpm 是 performant npm（高性能的 npm），它是一款快速的，节省磁盘空间的包管理工具，同时，它也较好地支持了 workspace 和 m