背景 最近在工作中，接手了个 vue2 的老项目，面对上百个文件项目，而且有一大部分的一个 vue 文件有上万行代码，甚至有几万行代码，让整个前端团队的人都叫苦连连；于是团队决定对这个项目进行一定的升

前端性能优化对于提升用户体验、提高搜索引擎可访问性、降低服务器负载和节省带宽消耗等方面具有重要作用。通过细致的优化，可以提升网站和应用程序的综合性能效果，获得更好的业务结果和用户满意度。

半年时间撑过了三轮裁员，还是在第四轮的时候被裁了，差一周时间就入职满一年了。去年7月份换了一家新公司，刚进公司的时候感觉蒸蒸日上，特别有朝气，氛围也很轻松。这一年除了负责业务开发外，还做了很多前

本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西，有问题的地方也欢迎大家积极吐槽指正。

一开始接触webpack是因为使用Vue的关系，因为Vue的脚手架就是使用webpack构建的。刚开始的时候觉得webpack就是为了打包单页面而生的，后来想想，这么好的打包方案，只在单页面上使用是否太浪费资源了呢？如果能在传统多页面上使用webpack，开始效率是否会事半功倍…

前端东西确实蛮多，但也没必要什么都想学。一旦你有这个想法，多半会像个无头苍蝇乱飞。这个看看，那个学点，到头来啥东西都没学好。 这样的例子其实我在读者里看到好些了，学习确实看起来是在学习，啥资料都收藏了，今天看会这个技术的视频，明天拿上另一个技术的书读起来，但是这种学习方式相当低…

html/css/js 代码越来越多，逻辑越来越复杂，越来越不便于管理，为了解决这个问题，才出现了模块化的概念，也就是说模块化更多的是工程方面的产出，为了应对更复杂的网站开发。

在node中，child_process这个模块非常重要。掌握了它，等于在node的世界开启了一扇新的大门。 下面列出来的都是异步创建子进程的方式，每一种方式都有对应的同步版本。 .exec()、.execFile()、.fork()底层都是通过.spawn()实现的。 .ex…

为什么 React 不精确监听数据变化呢？这是因为 Vue 和 React 设计理念上的区别，Vue 使用的是可变数据，而React更强调数据的不可变。所以应该说没有好坏之分，Vue更加简单，而React构建大型应用的时候更加鲁棒。 因为一般都会用一个数据层的框架比如 Vuex…