什么是AST 抽象语法树（abstract syntax tree或者缩写为AST），或者语法树（syntax tree），是源代码的抽象语法结构的树状表现形式。一个 AST 只包含与分析源文本有关的

通常在看一些面试题问到前端有哪些性能优化手段的时候，可能会提到一个叫做gzip压缩的方法。正好最近在学习node文件流操作和zlib模块的时候，对gzip压缩有了一个新的认识。今天就和大家一起分享一下，gzip是什么，从浏览器请求到收到服务端数据发生了什么。 对，没有错，gzi…

前端开发通常都是写写页面，调调接口啥的，导致我对于路由配置和服务器部署这方面的知识一直是很模糊。这次来彻底的学习下，希望大家能有所收获！

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack

Webpack的成功之处，不仅在于强大的打包构建能力，也在于它灵活的插件机制。 在学习Webpack的时候，经常可以看到上述介绍。也就是说学Webpack的前提是要学习Tapable。才能更好的学习Webpack原理。 其实tapable的核心思路有点类似于node.js中的e…

不知不觉间，距离尤大大当初在微博宣布「vite」的出现到现在，已经过了 2 个月多。 当时，「vite」只是支持对 .vue 文件的即时编译和 import 的 rewrite，相应地「Plugin」也没有几个。并且，最初在「GitHub」上「vite」的 slogan 是这样…

在现如今，热更新早已成为前端基建中不可或缺的一环，它可以在不刷新整个页面的情况下更新页面中的部分内容，从而提高开发效率，优化开发体验。然而，在实际面试的过程中，笔者发现 80% 的人并不清楚这其中的设