刚入行时，我只是一个只会写 React 组件的前端开发，主要精力都放在页面和交互上。一路走来，我先补齐了工程化、后端和基础设施，再走到现在以 AI 应用为核心的全栈方向，中间踩过不少坑，也绕了不少弯路

前言 之前的开发工作中对vue2项目也有做过不同的优化，但是都比较零散且没有系统化的记录下来。 正好最近接手了一个老项目，虽然项目不大性能也还过得去，但是我觉得可优化的空间还是比较多的。 所以也趁此机

本文主要记录了自己的博客在禁用缓存的情况下，从八九秒加载时间到最终 985ms 的优化实践，开启缓存的情况下能达到 138ms 的访问速度。

- 了解项目vue cli webpack配置 - webpack构建相关优化 - webpack打包体积相关优化 - docker相关优化

Vue项目开发完毕后，对项目进行打包发布之前，必不可少的操作就是项目优化，这也是程序猿的加分项。跟随本文的脚步来看看如何对项目进行优化吧~

优化vue-cli项目打包时间，通过修改写入文件的脚本，将json内容作为字符串写入，减少编译压力，打包时间从12min降至9min。后续可优化脚本体积、依赖分包等。

优化前需要安装的两个分析工具 vue脚手架的两个配置方式 生成配置文件，提供参考学习 package.json: "inspect": "vue inspect > webpack.config.pr

在编写后台管理系统时，常常会用到表格和翻页器，每次都需要重复的写很麻烦，并且普通表格只需要渲染对应的prop就可以了，因此一个自带翻页器的table组件诞生啦！

背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！