压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

记录自己的前端工作流,后面慢慢补充 1.代码规范, Eslint,Prettier 2.git提交规范, husky, commitlint,lint-staged

webpac3升级至webpack5踩坑点以及关键点记录，涉及过时plugins以及新plugins的替换。webpack搭配glup的配置，webpack动态cdn的配置。

参考地址：https://webpack.docschina.org 依赖调整 包名 处理方式 版本 webpack 升级 5.51.0 webpack-cli 新增 4.10.0 webpack-d

Slot翻译过来叫做插槽，也可称其为Vue的内容分发机制，它的主要作用就是向子组件的指定位置插入一段内容，这个内容可以是HTML或者其他的组件。

公司里后台系统用的 Element UI，有百来个表格（el-table），历史遗留原因都是直接使用 el-table 的。突然有一天，产品说表格要可以自定义列，让用户控制列的显隐、固定和排序，最好还

本文基于早先写的 《Vue3 组件二次封装 Element Plus El-Table》。再用 Vue 2 + Element UI 重新实现一遍。实现思路不变，主要针对 Vue 2 缺少的特性和坑进

这篇文章讲了vue3在编译阶段是如何找出动态节点，以及运行时阶段当响应式变量修改后，是如何靶向更新视图。

开发后台管理系统，在业务上接触的最多就是表单（输入）和表格（输出）了。对于使用 Vue 框架进行开发的同学来说，组件库 Element 是肯定会接触的，而其中的 el-table 和 el-form