关于javascript:前端模块化的发展

近年来 Web 利用变得更加简单与宏大，Web 前端技术的利用范畴也更加宽泛。通过间接编写 JavaScript、CSS、HTML 开发 Web 利用的形式曾经无奈应答以后 Web 利用的倒退

模块化

模块化是指将一个简单的零碎合成为多个模块以不便编码。很久以前开发网页要通过命名空间的形式来组织代码。这样做有很多问题，其中包含：

• 命名空间抵触
• 无奈正当地治理我的项目的依赖和版本
• 无奈不便地管制依赖的加载程序

当我的项目变大时，这种形式将变得难以保护，须要用模块化的思维来组织代码。

CommonJS

一种被宽泛应用的 JavaScript 模块化标准，其核心思想是通过 require 办法来同步加载依赖的其余模块，通过 module.export 导出须要裸露的接口。它的风行得益于 Node.js 采纳了这种办法，它的有点是：

• 代码可复用于 node.js 环境下
• 有很多遵循此标准的 Npm 包

AMD

也是一种 JavaScript 模块化标准，与 CommonJS 最大的不同在于，它采纳了 异步 的形式去加载依赖的模块。代表实现是 requirejs.

ES6 模块化

ECMA 提出的 JavaScript 模块化标准。

款式文件中的模块化

除了 JavaScript 开始进行模块化革新，前端开发里的款式文件也反对模块化，比方 SCSS

新框架

在 Web 利用变得宏大、简单时，采纳间接操作 DOM 的形式去开发会使代码变得复杂和难以保护。

1. React 框架引入了 jsx 语法到 JavaScript 语言层面中，能够更灵便地管制视图的渲染逻辑。
2. Vue 框架将与一个组件相干的 HTML 模板、JavaScript 逻辑代码、CSS 款式代码都写在一个文件外面，这十分直观。
3. Angular 推崇采纳 TypeScript 语言开发利用，并且能够通过注解的语法形容组件的各种属性。