预处理器

• css的弊端：
  • 语法不够强大，比如无法嵌套书写，导致模块化开发中需要书写很多重复的选择器；
  • 没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，导致难以维护；

• 预处理器定义一种语言去编写样式，编译器会将预处理器语言转为css

  • SASS：基于Ruby ，通过服务端处理，功能强大。解析效率高。需要学习Ruby语言，上手难度高于LESS。

    行为层

• JavaScript：直接浏览器编译即可

• ES：是js的标准。特点是所有浏览器都支持
  • ES4（内部，未正式发布）
  • ES5（全浏览器支持）
  • ES6（常用，当前主流版本：webpack打包成为ES5支持）
• TypeScript：TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集
  • 有的浏览器不能支持，就需要编译为js才能运行

• js框架：

  • jquery：严格来说，jquery是一个js库，而非框架。优点就是简化了DOM操作，缺点就是DOM操作太频繁，影响前端性能；在前端眼里使用它仅仅是为了兼容IE6，7，8；
  • 主流前端三大js框架：Angular``React Vue

    通信框架

• ajax

• axios

  构建工具

• Babel：JS编译工具，主要用于浏览器不支持的ES新特性，比如用于编译TypeScript

• WebPack：模块打包器，主要作用就是打包、压缩、合并及按序加载

  项目管理工具

• npm

• YARNnpm的替代。类似于maven与gradle的关系

  架构

• mvc

• spa
• mvvm，vue与Angular都是mvvm架构。mvvm貌似是把视图层拆分了下，提高前端的复用