全栈大前端-Vue（一）准备工作----- 前置技术栈概览与复习
前端入门三大基础：HTML，CSS，JavaScript
HTML：超文本标记语言，决定网页的结构和内容
CSS：层叠样式表，它是标记语言不是编程语言，决定网页的样式
JavaScript：动态脚本语言，遵循ECMAScript规范，决定网页的行为
CSS预处理器
CSS在模块化开发的实际生产中，由于不能定义变量和引用，存在如下缺陷：
1.无法嵌套书写，导致模块化开发中需要重复书写选择器
2.没用变量和合理的样式复用机制，难以维护
对此，我们需要使用CSS预处理器，它的思想是为CSS添加可编程的特性，以CSS为目标生成文件，供Web使用。常见的有SASS(基于Ruby语言，效率高，上手难)和LESS(基于NodeJS)。
前后端交互：Ajax、JSON
Ajax 全名 async javascript and XML(异步JavaScript和XML)，是JavaScript于服务端异步通信的一种技术，它可以局部刷新页面。采用JSON进行数据交互。
NodeJS
NodeJS是基于Chrome V8引擎的JavaScript运行环境，使用事件驱动、非阻塞式I/O模型， 让JavaScript 运行在服务端的开发平台，使前端程序员快速上手服务端开发。
它相关的构建工具有：
Babel：JavaScript版本转换工具，由于浏览器更新较慢，它为JavaScript提供向后兼容
Webpack：模块加载器兼打包工具，它能把各类资源都作为模块来使用和处理
NPM：NodeJS包管理工具，类似于Maven
JavaScript 框架
JQuery：简化了DOM操作，但其DOM操作过于频繁，影响性能
Angular:将后台的MVC模式搬到了前端，并添加了模块化开发，采用TypeScript语法
React:采用虚拟DOM，提高效率，但需要学习JSX语言
Vue:分工明确，专注视图层，模块化，虚拟DOM
Axios:由于Vue只关注视图层，需要一个额外的通信框架，它可以直接使用JQuery的ajax通信
常用UI框架：
BootStrap：推特推出的前端开源工具包
ElementUI、iview：饿了么出品，基于Vue
AmazeUI：俗称妹子UI，H5前端跨屏框架
LayUI：开源的 Web UI 解决方案，易上手