javascript简单介绍

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：模块打包器，主要作用是打包、压缩、合并和按序加载