关于Vite和Vue3的讨论越来越多，看了官网的特性后，按捺不住尝试了一下。实际使用中，Vite还是挺多坑要踩的，但是Vue2.7更新的内容，结合社区生态，对业务实现和开发体验的提升都提供了助力。

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单可以去对照着优化。

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

公司里的PHP后台项目，上一任的工程师对于很长列表的处理，都是直接全部进行渲染，导致的一个问题就是，加载页面都要加载比较久的时间，这里只能庆幸这个后台项目只是给公司里边的大佬用，用的机器还可以，除了忍受一下加载速度比较慢之外，没有很大的影响。但他们能忍，作为前端工程师，我实在是…

前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑, 如果通过硬编码的方式去直接渲染这两万条数据到select中,肯定会卡死. 后面他还说需要支…

和很多小伙伴一样，我在开发Vue项目时也是基于官方vue-cli@2的webpack模版，但随着项目越做越大，依赖的第三方npm包越来越多，构建之后的文件也会越来越大，尤其是vendor.js,甚至会达到2M左右。再加上又是单页应用，这就会导致在网速较慢或者服务器带宽有限的情况…