完整高频题库仓库地址：https://github.com/hzfe/awesome-interview

上篇文章聊到：在 HTTP 2.0 时代以后，不需要额外担心由于 TCP 连接数带来的前端性能问题，因此我们不再需要雪碧图等优化手段了。于是前端工程师在 HTTP 协议这层能做的性能优化似乎只有「尽可能地减小资源体积」这一方向...

TypeScript 是一门基于 JavaScript 拓展的语言，它是 JavaScript 的超集，并且给 JavaScript 添加了静态类型检查系统。TypeScript 能让我们在开发时发现程序中类型定义不一致的地方，及时消除隐藏的风险，大大增强了代码的可...

最近在公司探索落地 Bundless 构建工具，尝试将现有的一些业务项目 从 Webpack 往 Vite 迁移，由于中后台项目一般对浏览器兼容性要求不高，可以大胆引入一些前沿且激进的方案，因此在公司找到了一个业务中后台项目初步尝试引...

相比纯看代码来说，我更推荐结合 debugger 来看，它可以让我们看到代码实际的执行路线，每一个变量的变化。可以大段大段代码跳着看，也可以对某段逻辑一步步的执行来看。...

但是当处理永久缓存时，切记不可打包为一个大的 bundle.js，此时一行业务代码的改变，将导致整个项目的永久缓存失效，此时需要按代码更新频率分为多个 chunk 进行打包，可细粒度控制缓存。...

1、v-show 和 v-if的区别，v-show 和 keep-alive 的区别

问题在于，由于打包动作会将我们的原始代码进行编译、压缩，最后在产物中早已没有我们的原始代码，打开产物，我们可以见到的只有这样的代码：

开发环境优化HMR 模块热替换 devServer设置hot: truestyle-loader 已实现webpack.HotModuleReplacementPluginsource map 建立源码与构建代码之间的映射关系，快速定位错误在源码中的位置生产环境优化（构建时优化 ...

一直以来认为HTML的前端加密比较渣渣，因为一个游览器右键源码查看就全了解。最厉害也就进行个JS的脚本加密；但这种都是有办法破的。直到遇到一个新的项目，对方竟然用vue并且用webpack进行服务端打包。。直接在服务端是无...