请阐述前端模块化开发的含义，并列举几种主流的模块化规范及其特点。
考察说明
考察对前端代码组织方式演进的理解及常见模块化规范的掌握程度。
回答思路
- 【回答框架 1】前端模块化是将大型前端代码拆分为独立、可复用的模块，每个模块封装内部实现并暴露接口，便于团队协作、单元测试和按需加载，旨在解决全局变量污染、依赖顺序难以管理等问题。
- 【回答框架 2】CommonJS：主要用于服务端（Node.js），采用同步加载，通过 require 引入模块、module.exports 导出，文件内模块作用域隔离，依赖本地磁盘读取，速度快；但不适合浏览器端同步加载。
- 【回答框架 3】AMD：专为浏览器异步加载设计，代表是 RequireJS，通过 define 定义模块、require 异步加载，适合浏览器环境，避免阻塞渲染。
- 【回答框架 4】ES Module：ES6 标准，采用静态导入导出，浏览器原生支持，支持 tree shaking 和循环依赖检测，是现代前端工程的主流选择。其他规范如 UMD 兼容多种环境，CMD（Sea.js）则结合了同步与异步。
- 【关键点 1】模块化本质是作用域隔离和接口暴露，解决全局污染与依赖管理。
- 【关键点 2】CommonJS 同步适用服务端，AMD 异步适用浏览器。
- 【关键点 3】ES Module 静态分析支持 tree shaking，是现代标准。
- 【易错点 1】不要把模块化等同于打包工具，模块化是代码组织规范，而打包是实现方式。
- 【易错点 2】CommonJS 的同步加载在浏览器中会阻塞页面渲染，需借助打包工具转换。