javaScript简介
介绍：一种弱类型世界上最流行的脚本语言，其源代码不需要经过编译，而是由浏览器直接运行，控制网页的行为。
表现层CSS
css层叠样式表是一门标记语言，并不是编程语言，因此不能进行自定义变量，不可以引用等，就是不具备任何语法支持。
前端人员提供了一种css的预处理器，提供css缺失的样式层复用机制，减少代码的冗余，提高样式代码的可维护性。
什么是CSS预处理器
css预处理器定义了一种新的语言，基本思想：用一种编程语言，为css增加了一些编程的特性，将css作为目标生成文件，然后开发者就可以使用这种语言对css进行编码工作。即“用一种专门的编程语言，进行web页面样式设计，在通过编译器转化为正常的css文件，以供项目使用”。
常见的预处理器：
-
SASS:基于Ruby,通过服务器
-
LESS:基于NodeJS，通过客户端处理
行为层（JavaScript）
Native 原生JS开发
原生js开发，就是按照【ECMAScript】标准的开发方式，简称ES,特点是所有浏览器都支持。
TypeScript微软的标准：
一种由微软开发的自由和开源的编程语言，是JavaScript的一个超集。
Javascript框架
-
jQuery：熟知的JavaScript框架，优点是简化了DOM操作，缺点是DOM操作太频繁。在前端使用它是为了兼容IE6、7、8；
-
Angular：Google收购的前端框架，特点将后台的MVC模式搬到了前端并增加了模块开发的理念。使用Typescript开发。
-
React:Facebook出品，一款高性能的js前端框架，特点是提出了虚拟DOM用于减少真实DOM的操作。
-
Vue:一款渐进式的框架，特点是融合了Angular（模块化）和React（虚拟DOM）的优点
-
Axios:前端通信框架，vue的边界明确是为了处理DOM，因此不具备通信功能，使用Axios实现与服务器的交互。
UI框架
-
Ant-Design:基于React的UI框架（阿里）
-
ElementUI：基于Vue的UI框架（饿了么）
-
Bootstrap：Twitter推出的一个用于前端开发的开源工具包
-
AmazeUI：一款Html5的跨屏前端框架
Javascript构建工具
-
Babel：JS编译工具，主要用于浏览器不支持的ES新特性
-
web Pack：模块打包器，主要作用是打包、压缩、合并和按序加载