Vue学习目标+前端

学习目标

CSS预处理器

专门的编程语言，通过编译器转变为正常的css文件。
SASS：基于Ruby
LESS：基于NodeJs (相比sass更简单)

行为层 JS

用原生js开发（不用jQuery），普遍用ES6

TypeScript

区别于ES,是微软的标准。

JavaScript

jQuery框架（dom操作太频繁）
Angular框架（MVC模式，版本迭代不合理）
React框架 （虚拟DOM，有效提升渲染效率，但需要额外学习JSX语言）
Vue框架 （渐进式JavaScript框架，结合了Angular模块化和Reac虚拟DOM有点，只关心视图层）
Axios框架 （前端通信框架）也可以用JQuery Ajax通信

UI框架

Ant-Design 基于Reac的UI框架
ElementUI 基于Vue 的UI框架
Bootstrap Twitter推出的前端开发开源工具包
AmazeUI HTML5跨屏前端框架

JavaScript构建工具

打包编辑
Babel Js编译工具
WebPack 模块打包器，用来打包、压缩、合并以及按序加载。

前后端分离演变史

1.后端MVC模式：有效降低代码耦合度；前端开发效率低下，前后端职责不清。
2.Ajax：前后端约定接口，前端开发复杂
3.前端为主的MV*时代：框架：angular、react、Vue.js、EmberJs
MVC（同步通信为主）
MVP（异步通信为主）
MVVM（异步通信为主）
前后端职责清晰、前端开发复杂度可控、部署相对独立。
代码不能复用、全异步（搜索引擎优化不利）、性能并非最佳（加载慢）、SPA不能满足所有需求

前端MVVM模式

Model-View-ViewModel
ViewModel （观察者 ） 和视图页面双向数据绑定，和数据库关联
优点：低耦合，可复用，独立开发、可测试