前端现状与趋势

现状

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

模块化

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

现有应用，对页面代码要求更高， 一个页面可以显示不少内容，甚至是无限制的内容。

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

 

原始阶段：

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

二、 Immediately-Invoked Function Expression (IIFE)

 

成熟阶段：

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

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

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

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

 

工程化

面向前端：

一、 webpack打包工具

二、 parcel打包工具

三、 eslint代码质量检查

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

五、 sass less postcss 编译工具

六、 uglyJS

 

工程依赖管理工具

一、 npm

 

组件化

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

vue

angularjs

react

emberjs

 

趋势

标准化

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

 

泛UI化

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

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

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