Sass：是不使用花括号和分号的，所以不被广为接受；

SCSS：可以把现有.css文件改成.scss也是可以用的，可以多层嵌套，

也可以定义变量，并使用，局部应用@import文件（使用@import时一定要置于其他 css规则之前，才能起作用了）；

css：就是常用的，个人很喜欢用css3，去处理一些样式上的问题。

介绍 官网 github Vue.js 是一套构建用户界面(UI)的渐进式 JavaScript 框架 库和框架的区别 库: ?> 库，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者 jQuery：DOM 操作，即：封装 DOM 操作，简化 DOM 操作 框架: ?> 框架，是一套完整的解决方案，使用框架的时候，需要把你的代码放到框架合适的地方，框架会在合适的时机调用你的代码 框架规定了自己的编程方式，是一套完整的解决方案 使用框架的时候，由框架控制一切，我们只需要按照规则写代码 主要区别: !> 核心点：谁起到主导作用（控制反转）框架的侵入性很高（从头到尾） MVVM 和 MVC 的介绍: MVVM，一种更好的 UI 模式解决方案 MVVM ===> M / V / VM M：model 数据模型 V：view 视图 VM：ViewModel 视图模型 MVC 模型-视图-控制器 M: Model 数据模型（专门用来操作数据，数据的 CRUD） V：View 视图（对于前端来说，就是页面） C：Controller 控制器（是视图和数据模型沟通的桥梁，用于处理业务逻辑） MVVM 和 MVC 的优势对比 MVC 模式，将应用程序划分为三大部分，实现了职责分离 在前端中经常要通过 JS 代码 来进行一些逻辑操作，最终还要把这些逻辑操作的结果现在页面中。也就是需要频繁的操作 DOM MVVM 通过数据双向绑定让数据自动地双向同步 V（修改数据） -> M M（修改数据） -> V 数据是核心 Vue 这种 MVVM 模式的框架，不推荐开发人员手动操作 DOM Vue 中的 MVVM 虽然没有完全遵循 MVVM 模型，Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例 !> 学习 Vue 要转化思想 不要在想着怎么操作 DOM，而是想着如何操作数据！！！ 起步 - Hello Vue 安装：cnpm i -S vue {{ msg }}

PostCSS 是使用 javascript 插件转换 CSS 的后处理器。PostCSS 本身不会对你的 CSS 做任何事情，你需要安装一些 plugins 才能开始工作。这不仅使其模块化，同时功能加强。

cssnext 是一个 CSS transpiler，允许你使用最新的 CSS 语法。cssnext 把新 CSS 规范转换成兼容性更强的 CSS，所以不需要等待各种浏览器的支持。

Sass

Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。

Sass是一个将脚本解析成CSS的脚本语言，即SassScript，它包括两套语法。最开始的语法叫“缩进语法”，使用缩进来区分代码块并且用回车将不同规则隔开；而较新的语法叫做“SCSS”，使用CSS一样的语法块也就是大括号将不同规则分开，用分号将具体样式分开。通常情况下这两套语法是通过.sass 和 .scss 两个文件扩展名来区分的。