HTML（结构）：超文本标记语言（Hyper Text Markup Language），决定网页的结构和内容。CSS（表现）：层叠样式表（Cascading Style Sheets），设定网页的表现样式。JavaScript（行为）：是一种弱类型脚本语言，其源码不需经过编译，而是由浏览器解释运行，用于控制网页的行为动作。

 

　　主要涉及网页的结构和内容。

 

　　css主要用来设置网页的表现样式，css的层叠样式表只是一门标记语言，也就是说没有任何的语法支持，用过的人都知道css应该有如下的缺点：

 

　　css选择完标签后需要反复写一些css样式，重复工作量大，代码冗余度高。css样式无复用的机制，所以代码的可维护性极差。

 

　　基于如上的缺点诞生了【css预处理器】

 

　　什么是CSS预处理器

 

　　CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只需要使用这种语言进行CSS的编码工作。转化成通俗易懂的话来说就是用一种专门的编程语言，进行Web页面样式设计，再通过编译器转化为正常的CSS文件，以供项目使用。

 

　　市面上常见的CSS预处理器

 

　　Sass：基于Ruby ，通过服务端处理，功能强大。解析效率高。需要学习Ruby语言，上手难度高于Less。Less：基于NodeJS，通过客户端处理，使用简单。功能比Sass简单，解析效率也低于Sass，但在实际开发中足够了，所以如果我们后台人员如果需要的话，建议使用LESS。Stylus：基于nodejs，Stylus比Less更强大，而且基于nodejs比Sass更符合我们的思路，作为比较年轻的新型语言，Stylus 可以以近似脚本的方式去写css代码，创建健壮的、动态的、富有表现力的css。

 

　　JavaScript一门弱类型脚本语言，其源代码在发往客户端运行之前不需要经过编译，而是将文本格式的字符代码发送给浏览器，由浏览器解释运行。

 

　　原生JS开发

 

　　我们日常开发都是按照【ECMAScript】标准的开发方式，简称ES特点是所有浏览器都支持此规范，我们需要知道的是ES5规范对所有的游览器都支持，但是ES6是市面上用的最多的规范版本，主流游览器支持，所以为了兼容某些游览器，需要将ES6规范通过webpack降级为ES5。

 

　　TypeScript出现的背景

 

　　TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性，难以胜任和维护大型项目开发。因此微软开发了TypeScript ，使得其能够胜任开发大型项目。

 

　　TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集， 而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。由安德斯·海尔斯伯格（C#、Delphi、TypeScript之父； .NET创立者） 主导。

 

　　该语言的特点就是除了具备ES的特性之外还纳入了许多不在标准范围内的新特性，所以会导致很多浏览器不能直接支持TypeScript语法， 需要编译后（编译成JS） 才能被浏览器正确执行。