使用一般的tree组件渲染大量数据（如几千个树节点）的时候会非常卡顿，vue 实现 tree 树形大量数据的虚拟滚动（包含树的搜索，勾选）

前言 彦祖们,在日常开发中,不知道你们是否遇到过这样的场景 在本地测试开发 vue 组件的时候非常顺畅 一上生产环境,客户说数据展示错误,样式不对... 但是你在本地测试了几次,都难以复现 定位方向

高阶组件这个概念在 React 中一度非常流行，但是在 Vue 的社区里讨论的不多，本篇文章就真正的带你来玩一个进阶的骚操作。 先和大家说好，本篇文章的核心是学会这样的思想，也就是 智能组件 和 木偶组件 的解耦合，没听过这个概念没关系，下面会详细说明。 这可以有很多方式，比如…

如何使用 render 函数封装高扩展的组件 前面的文章有提到，vue 官网给出的 render 函数的例子只能体现 render 函数的优雅的一方面，却不能看出其扩展性。

精读 Vue 官方文档系列 🎉 基本的示例 一个 .svg 文件的内容如下所示： 一般使用 .svg 的方式有两种：： 像引入图片一般，用 img 标签的 src 属性来引入一个 svg 文件。 直接

插件一：webpack-deadcode-plugin 用于检测未使用的文件和已使用文件中的未使用导出 install vue.config.js 执行结果 插件二：unused-files-webp

工作记录 ： 针对首屏加载慢使用打包分析工具查看了一下： 拆包 chunk-vendors.js 包 13M 有点大考虑 将他拆成多个包 步骤如下： 加载方式 1 了解 加载方式如下： javascr

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理