本专题将持续更新，集前端面试常见工程化高频知识点于一篇，各位同学可根据自己技术栈，进行选取学习。适合初次全面复习的同学，查缺补漏，知识面比较全

刚进初创公司或者搭建新的团队，不知如何开始建设？又或业务代码/工具写麻了？想了解一些工程化基建的知识？大小公司怎么样偏重？这篇浅浅了解一下前端的基础建设法子！

webpack ensure 有人称它为异步加载，也有人称为代码切割，他其实就是将 js 模块给独立导出一个.js 文件，然后使用这个模块的时候，再创建一个 script 对象，加入到 document.head 对象中，浏览器会自动帮我们发起请求，去请求这个 js 文件，然后…

很多兄弟都在使用 Vite 了，但如果你是前端 leader 或者是团队核心的话，不得不可考虑的一个问题就是性能优化。Vite 在开发环境性能已经非常不错了，生产环境应该如何优化呢？

为什么要有前端监控？ 一个很现实的原因是bug是不可能被全部测试出来的，由于成本和上线档期的考虑，测试无法做到“面面俱到”，即使时间充裕也总会有这样或那样的bug埋藏在某个角落。 所以一个可靠的前端监

为什么在 2023 年了还提 Vue2 项目的性能优化？ Vue CLI 帮我们很轻松地创建初始的 Vue2 项目，但是如果只使用默认的配置，再加上不优雅的代码组织，打包发布后就会出现 文件体积过大、

如何实现 vue 项目中的性能优化？ 一、编码阶段 尽量减少 data 中的数据，data 中的数据

为什么使用CDN Vue项目打包的时候，默认会把所有代码合并生产新文件,其中包括各种库导致打包出来很大。如果使用cdn的话,会更利于程序的加载速度。 在Vue项目中，引入到工程中的所有js、css文件

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