程序架构

引入 normalize.css

1. npm i normalize.css --save
2. 记得设置好style-loader,css-loader
3. import 'normalize.css';

架构模式

MVC（Model-View-Controller）

1. View 传送指令到 Controller
2. Controller 完成业务逻辑后，要求 Model 改变状态
3. Model 将新的数据发送到 View，用户得到反馈

特点：单向通信

MVP（Model-View-Presenter）

1. 各部分之间的通信，都是双向的。
2. View 与 Model 不发生联系，都通过 Presenter 传递。
3. View 非常薄，不部署任何业务逻辑，称为"被动视图"（Passive View），即没有任何主动性，而 Presenter非常厚，所有逻辑都部署在那里。

MVVM（Model-View-ViewModel）

它采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，反之亦然。