现状

由于前端软件发展越来越复杂， 不是最初简单网页的状态， 内容丰富、交互丰富， 对前端的发展产生的深远的影响。不管是工具和是自身发展。

模块化

最初的简单页面， 一个URL对应一个页面， js代码几十行的情况， 一去不复返。

现有应用，对页面代码要求更高， 一个页面能够显示很多内容，甚至是无限制的内容。

对于各种内容，在同一个的页面上实现， 则需要对页面各个部分的代码进行模块化存储和使用。

原始阶段：

1、 使用全局命名空间， 例如yahoo的 yui, xxx.yyy = {}

2、 Immediately-Invoked Function Expression (IIFE)

成熟阶段：

1、 AMD -- 浏览器端模块化机制

2、 CommonJS -- NodeJS服务器端模块化标准

3、 CMD -- 浏览器端模块化机制

4、 UMD -- 兼容服务器端和浏览器端模块化机制

工程化

面向前端：

1、 webpack打包工具

2、 parcel打包工具

3、 eslint代码质量检查

4、 prettier代码风格归一化工具

5、 sass less postcss 编译工具

6、 uglyJS

工程依赖管理工具

1、 npm

组件化

各大框架都支持页面组件化功能：

vue

angularjs

react

emberjs

趋势

标准化

例如组件就贴近HTML组件标准发展。

泛UI化

前端页面不仅仅运行在浏览器中。

现在不断向其它领域扩张： 桌面（electron）、移动设备（react native 、 weex、 运行在webview组件中）。

凡是UI的地方，前端就有发言权。

原文地址：https://www.cnblogs.com/lightsong/p/10360705.html