Another fancy world.

• ECMAscript
• MVC MVP MVVM VIPER
• Virual Dom
• babel
• js 模块化之　 CommonJs AMD CMD ES6
• stylus

ECMAscript

https://www.jianshu.com/p/10cfcb536d4a

http://javascript.ruanyifeng.com/introduction/history.html

看到 ES5,ES6，别懵逼.

ECMAscript,DOM-js,BOM-js 3 大块，要清楚.

MVC MVP MVVM VIPER

都是 web 框架的思路

https://www.cnblogs.com/heroljy/p/8962505.html

MVC: model(数据)+view(视图) + controler(控制逻辑)的分离

MVP: model + view + presenter

MVVM: model(数据) + view(试图) + ViewModel(视图模型)

视图模型就是将数据与动态对象对应起来，比如用 js 对象直接操作后台数据，而不是通过 controller

Virual Dom

目的: 跨平台渲染.(服务端渲染、浏览器渲染和移动端渲染)

https://segmentfault.com/a/1190000016129036

babel

js 编译器，如把 ES6 转成浏览器完全支持的 ES5.

https://www.cnblogs.com/lsgxeva/p/7758184.html

ES5 (2007-2015)
ES6 ES2015
ES2016
ES2017

VD 最大的特点是将页面的状态抽象为 JS 对象的形式.

js 模块化之　 CommonJs AMD CMD ES6

https://blog.csdn.net/arsaycode/article/details/78959780

stylus

跟 sass,less 一个作用，css 预编译器，基于 js, vue.js 友好.