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

本文将从前端模块化的发展历史出发，逐步探讨`CommonJS`规范 和 `ES Module`规范之间的异同，最后将深入模块化内部原理进行多维度剖析，彻底弄懂 Web环境下 `Webpack` 是如何

1. 前言 现在初入前端的同学们，都直接就上手webpack了，而在几年前没有node还是jquery打天下的时候，不借助node或软件让不同js文件之间互相引用、模块化开发，是件很麻烦的事。 接下来会介绍两个有名的工具AMD（require.js）和CMD（sea.js），虽…

MVC、MVP和MVVM是常见的三种架构设计模式，当前MVP和MVVM的使用相对比较广泛，当然MVC也并没有过时之说。而所谓的组件化就是指将应用根据业务需求划分成各个模块来进行开发，每个模块又可以编译成独立的APP进行开发。理论上讲，组件化和前面三种架构设计不是一个层次的。它们…

在混合应用开发中，一种常见且成熟的技术方案是将原生应用与 WebView 结合，使得复杂的业务逻辑可以通过网页技术实现。实现这种类型的混合应用时，就需要解决H5与Native之间的双向通信。

构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到一系统性的建立构建知识体系。

🚀Svelte原理和进阶看这篇就够了🚀 学不完的框架，🐔啄不完的米，SolidJS，你到底爱谁？😘 Vapor Mode是尤雨溪在2022 Year In Review给定相中提出的概念，本篇

MobX官网的示范代码风格class组件和函数式组件混用，翻看github仓库中mobxjs/mobx-react-lite的readme.md文件后发现，有些废弃的api也在官网示例上，感觉官网的示

打开前端项目中的 package.json，会发现众多工具已经占据了我们开发日常的各个角落，它们的存在于我们的开发而言是不可或缺的。有没有想过这些工具的功能是如何实现的呢？没错，抽象语法树 (Abst