1. Auto Close Tag (必备)
   作用：自动闭合HTML/XML标签
2. Auto Rename Tag (必备)
   作用: 自动完成另一侧标签的同步修改
3. Beautify (必备)
   作用：格式化 html ,js,css
4. Bracket Pair Colorizer (必备)
   作用：给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色

需求前提

导师提出一个需求实现一个交叉表的展示。简单的说就是在一个excel表格中有一部分主要的列，还有一部分列是不确定的，可能只有一列，也可能有很多列，并且这些数据的样式是可以通过配置去渲染，因此对于这个样式以及数据等等都是动态的。当前台获取到后台的数据的时候，对该数据做了一些格式的转换，并且对表格的样式进行了渲染，所以，如果此时在把表格数据传回后台去做导出，不管是数据还是样式都不太方便，因此，提出了一个前端直接导出Excel的需求。

刚开始没有任何的头绪，后来在找资料的过程中发现了一个叫做js-xlsx的插件（插件的github地址），当然仅仅用这一个插件是不能实现导出的，它必须配合fileSaver才能实现导出，之前也提到说要对表格的样式进行相应的渲染，然而在js-xlsx的api中并没有给出相应的功能，因此，此时还需要用到一个插件叫做xlsx-style,通过这个插件可以给表格设置相应的样式，具体样式如下表所示：

基本概念

gradle是一种自动构建工具，建立在Ant和Maven的基础上。

主流的构建工具

Ant(编译，测试，打包)  -->Maven(依赖管理，发布)  -->Gradle(使用groovy语言，不同于传统的xml文件)

生成器函数基本概念

概念：它是ES6提供的一种解决异步编程解决方案。
区别（与普通函数）：</br>
    1. 普通函数是通过function声明，生成器函数是用function*声明。
    2. 生成器函数中没有return，但是有一个类似return功能的语法：关键字yield,在普通函数中，return只能一次，而在生成器函数中，yield可以有多次，在生成器执行过程中遇到yield表达式会立即暂停，后续可恢复执行状态。

生成器函数实例

1
2
3
4
5
6
7
8

function* quips(name){
	yield "你好" + name + "!";
	yield "希望你能喜欢这篇es6的译文";
	if(name.startsWith("X")){
		yield "你的名字" + name + "   首字母是X，这很酷！";
	}
	yield "我们下次再见！"
}

TCP/IP协议族

TCP/IP是互联网相关的各类协议族的总称

TCP/IP的分层管理

1. 4层：应用层、传输层、网络层、数据链路层；
2. 各层作用：
    (1) 应用层：决定了向用户提供应用服务时通信的活动；

        TCP/IP协议族中预存的应用服务：FTP(文件传输协议)、DNS(域名系统)、HTTP

    (2) 传输层：对应用层提供处于网络连接中的两台计算机之间的数据传输；

        协议：TCP(传输控制协议) 和 UDP(用户数据报协议)

    (3) 网络层：处理在网络上流动的数据包。数据包是传输的最小数据单位。该层规定了通过怎样的路径到达对方计算机，并把数据包传送给对方。

HTTP不保存状态的协议

1. HTTP是一种无状态协议，对发送过的请求或相应不做持久化的处理。

2. HTTP/1.1虽然是无状态协议，利用Cookie实现了保持状态的功能。

HTTP中的方法

1. GET：获取资源，请求访问已被URI识别的资源，返回报文主体部分。

2. POST:传输实体的主体。主要目的：不是获取响应的主体内容。

3. PUT:传输文件。该方法自身不带验证机制，存在安全问题。

原型

prototype

定义：是function对象的一个属性，它定义了构造函数构造出的对象的公共祖先，通过该构造函数产生的对象，可以继承该原型的属性和方法。



【注】:
(1) 原型也是一个对象

(2) 不能通过构造出的实例去更改原型的属性

(3) 每一个function对象都会自带一个prototype属性以及一个proto属性

(4) 每一个对象都会自带一个proto属性

简介

css雪碧（精灵）是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，利用css的背景定位来显示需要的部分，即background-position：x y；

原理

把网站上需要用到的图片整合到一张单独的图片中，从而减少网站的http请求数量，其中，图片是在CSS中定义。

项目目录创建

Ajax简介

1. Ajax（Asynchronous JavaScript and XML）= 异步JavaScrip和XML,用于创建快速动态网页的技术，可以使网页实现异步更新，不用重新加载整个页面的情况下，对网页的局部更新。
   
2. Ajax基于现有的Internet标准，并且联合使用以下几种语言：
   
   ①：XMLHttpRequest对象(异步的与服务器交换数据)
   
   ②：JavaScript/DOM(信息显示/交互)
   
   ③：CSS(给数据定义样式)
   
   ④：XML(作为转换数据的格式)