☀小狮子前端の学习☁整理笔记❤ Front-end-learning-to-organize-notes 帮你整理好前端知识体系、更高效地吸收经验成果；另附小狮子前端进阶小册食用指北，敬请关注！
Home Page: https://chodocs.cn/
License: MIT License
这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
下面介绍4中最常见的形式：
1.cookie检测，浏览器是会保存cookie的，这样网站会根据检测cookie来识别你是否是真实的用户，若是爬虫没有伪装好，将会触发被限制网页访问网页访问。
同样网站是可以根据这些途径去监测是否有爬虫，爬虫工作者也都可以依照这原理去攻破。比如是利用IP检测的，我们就可以用代理IP来进行换IP处理。
2、锁IP检测，即会检测到用户锁IP网页访问网页访问的速度，要是访问速度达到设置的阈值，便会开启限制，封锁IP，让爬虫中止了脚步，不能够重复获取信息。针对锁IP检测，（ipidea）大量优质资源高匿的安全保障可以很好的攻破限制。
3、验证码检测，设置登陆验证码限制，另外还有过快网页访问设置验证码限制等，若是没有输入正确的验证码，将没法再获取到信息。由于爬虫是可以借助其他的工具识别验证码，故网站不断的加深验证码的难度，从普通的纯数据研验证码到混合验证码，或者滑动验证码，图片验证码等。
4、请求头检测，爬虫并不是用户，在访问浏览时，如果没有其他的特征，网站是可以根据检测爬虫的请求头来检测对方到底是用户或者爬虫。
防爬虫，简单来说，就是在尽量减少对正常用户的干扰的情况下尽可能的加大爬虫的成本。
爬虫不仅会占用大量的网站流量，造成有真正需求的用户无法进入网站，同时也可能会造成网站关键信息的泄漏，所以为了避免这种情况发生网站开发工程师必须掌握相应的反爬虫技术。下面为大家提供几种可行的反爬虫方案:
1、通过user-agent来控制访问
ser-agent能够使服务器识别出用户的操作系统及版本、cpu类型、浏览器类型和版本。很多网站会设置user-agent白名单，只有在白名单范围内的请求才能正常访问。所以在我们的爬虫代码中需要设置user-agent伪装成一个浏览器请求。有时候服务器还可能会校验Referer，所以还可能需要设置Referer(用来表示此时的请求是从哪个页面链接过来的)。
2、通过IP来限制
当我们用同一个ip多次频繁访问服务器时，服务器会检测到该请求可能是爬虫操作。因此就不能正常的响应页面的信息了。当然这种反爬虫技术可以通过使用IP代理池来反反爬虫。网上就有很多提供代理的网站。
3、设置请求间隔
一般爬虫抓取网站时会制定相应的爬虫策略，但是有些恶意的爬虫会不间断的工具某个网站，面对这种情况，我们可以通过设计请求间隔来实现反爬虫，避免在爬虫短时间内大量的访问请求影响网站的正常运行。
4、自动化测试工具Selenium
Web应用程序测试的Selenium工具。该工具可以用于单元测试，集成测试，系统测试等等。它可以像真正的用户一样去操作浏览器(包括字符填充、鼠标点击、获取元素、页面切换)，支持Mozilla Firefox、Google、Chrome、Safari、Opera、IE等等浏览器。
5、参数通过加密
某些网站可能会将参数进行某些加密，或者对参数进行拼接发送给服务器，以此来达到反爬虫的目的。这个时候我们可以试图通过js代码，查看破解的办法。或者可以使用"PhantomJS",PhantomJS是一个基于Webkit的"无界面"(headless)浏览器，它会把网站加载到内存并执行页面上的JavaScript，因为不会展示图形界面，所以运行起来比完整的浏览器更高效。
6、通过robots.txt来限制爬虫
robots.txt是一个限制爬虫的规范，该文件是用来声明哪些东西不能被爬取。如果根目录存在该文件，爬虫就会按照文件的内容来爬取指定的范围。例如大家可以尝试方位淘宝的robots.txt文件：https://error.taobao.com/robots.txt。可以看到淘宝对爬虫访问的限制。User-agent: *表示禁止一切爬虫访问。
爬虫与反爬虫是互联网开发工程师之间的斗智斗勇。作为网站开发者即要掌握爬虫的技术，还要跟进一步去了解如何实现反爬虫。
参考：
通常网站是如何判断爬虫的？
常见的反爬虫技术有哪些？如何防止别人爬自己的网站？
【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
首先
详细的区别：
1、tcp是基于连接的，可靠性高；udp是基于无连接的，可靠性较低；
2、由于tcp是连接的通信，需要有三次握手、重新确认等连接过程，会有延时，实时性差；由于协议所致，安全性较高；而udp无连接，无建立连接的过程，因而实时性较强，安全略差；
3、在传输相同大小的数据时，tcp首部开销20字节；udp首部开销只有8个字节，tcp报头比udp复杂，故实际包含的用户数据较少。tcp无丢包，而udp有丢包，故tcp开销大，udp开销较小；
4、每条tcp连接只能是点到点的；udp支持一对一、一对多、多对一、多对多的交互通信。
应用场景的区别：
【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
关于http2不普及这个问题，可能随着时间过去，这个问题已经过时了，因此，这里提供一些看到的文章。
【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退function Foo() {
getName = function(){ console.log(1); };
return this;
}
Foo.getName = function() { console.log(2); };
Foo.prototype.getName = function(){ console.log(3); };
var getName = function() { console.log(4); };
function getName(){ console.log(5); }
Foo.getName(); //
getName(); //
Foo().getName(); //
getName(); //
new Foo.getName(); //
new Foo().getName(); //这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
302 Found
504 Gateway Timeout
完整状态码请查阅 MDN HTTP状态码
【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
这个问题我在网上搜了搜，我觉得应该是问的这个问题：握手结束后第一次发送数据的ACKnum是多少？
当然你有新的解释与建议，可以在下面回复补充，谢谢~
RFC793中有如下显示：
可以看到，三次握手后(第4点，为第三次握手)，再次发送数据ACKnum与第三次握手是一样的。
参考：
【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
校验和：TCP 将保持它首部和数据的检验和。这是一个端到端的检验和，目的是检测数据在传输过程中的任何变化。如果收到段的检验和有差错，TCP 将丢弃这个报文段和不确认收到此报文段。流量控制：TCP 连接的每一方都有固定大小的缓冲空间，TCP的接收端只允许发送端发送接收端缓冲区能接纳的数据。当接收方来不及处理发送方的数据，能提示发送方降低发送的速率，防止包丢失。TCP 使用的流量控制协议是可变大小的滑动窗口协议。 （TCP 利用滑动窗口实现流量控制）拥塞控制：当网络拥塞时，减少数据的发送。ARQ(自动重传请求)协议：也是为了实现可靠传输的，它的基本原理就是每发完一个分组就停止发送，等待对方确认。在收到确认后再发下一个分组。超时重传：当 TCP 发出一个段后，它启动一个定时器，等待目的端确认收到这个报文段。如果不能及时收到一个确认，将重发这个报文段。【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退function bar(name, age) {
console.log(name)
console.log(age)
console.log(this.value);
}
var foo = {
value: 1
};
Function.prototype.myCall = function (content = window){
content.fn = this
let args = [...arguments].slice(1)
let res = content.fn(...args)
delete content.fn
return res
}
bar.myCall(foo,'Chocolate',18)这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
TCP 和 UDP 协议在传输上有很多的差别，首先 TCP 面向连接，而 UDP 是无连接的。而 TCP 注重提供可靠的服务。能保证连接传送的数据，无差错，不丢失，不重复，且按序到达。而 UDP 是尽最大努力交付，即不保证可靠交付。
因此传统的 TCP 协议并不是为实时媒体传输设计的，这就导致了它在弱网环境下的产生的延时相当大。因此在音视频传输时需要对网络协议进行优化。
UDP 协议就比较适合用于实时音视频通讯，首先它是允许端到端的全链条信道策略控制，可以保证弱网环境下播放的流畅性。在丢包方面 UDP 协议也更加灵活，方便我们在视频流畅与画质之间做好平衡。
再者是网络优化 CDN 业务，CDN 可以将视频内容分发至全网加速节点，让用户可以就近获取需要的内容，降低视频延迟。
参考：
【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>画三角形</title>
<style>
.triggle{
width: 0px;
height: 0px;
border-top: 40px solid transparent;
border-left: 40px solid transparent;
border-bottom: 40px solid red;
border-right: 40px solid transparent;
margin: 40px;
}
</style>
</head>
<body>
<div class="triggle"></div>
</body>
</html>/* 实现new原理 */
function foo(name, age) {
this.name = name;
this.age = age;
}
let myNew = (fn,...args) => {
let obj = {}
obj.__proto__ = fn.prototype
let res = fn.apply(obj,args)
if(res instanceof Object){
return res
}else
return obj
}
let ans = myNew(foo,'Chocolate',18)
console.log(ans)/* 实现bind方法 */
function bar(name, age,city) {
console.log(name)
console.log(age)
console.log(this.value);
console.log(city)
}
var foo = {
value: 1
};
Function.prototype.myBind = function(content = window){
let that = this
let args = [...arguments[1]]
return function fn(){
return that.apply(content,args.concat([...arguments]))
}
}
bar.myBind(foo, ['kevin', 18])('北京')<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>防抖</title>
<style>
.box {
width: 300px;
height: 200px;
background-color: #38b99b;
font-size: 30px;
line-height: 200px;
text-align: center;
color: #fff;
}
</style>
</head>
<body>
<div class="box"></div>
<script>
var oBox = document.getElementsByClassName('box')[0]
// let cnt = 0
// var timeout = null
// oBox.onmouseover = function(){
// // oBox.innerHTL = ++cnt
// clearTimeout(timeout)
// timeout = setTimeout(()=>{
// oBox.innerHTML = ++cnt
// },2000)
// }
let cnt = 0
let addSomething = () => {
oBox.innerHTML = ++cnt
}
let debounce = (fn, time, triggerNow) => {
let timeout = null
let debounced = (...args) => {
if (timeout) {
clearTimeout(timeout)
}
if (triggerNow) {
let exec = !timeout
timeout = setTimeout(() => {
timeout = null
}, time)
if (exec) {
fn.apply(this, args)
}
} else {
timeout = setTimeout(() => {
fn.apply(this, args)
}, time)
}
}
debounced.remove = () => {
clearTimeout(timeout)
timeout = null
}
return debounced
}
oBox.onmouseover = debounce(addSomething, 2000, false)
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>节流</title>
<style>
.box {
width: 300px;
height: 200px;
background-color: #38b99b;
font-size: 30px;
line-height: 200px;
text-align: center;
color: #fff;
}
</style>
</head>
<body>
<div class="box"></div>
<script>
var oBox = document.getElementsByClassName('box')[0]
let cnt = 0
let addSomething = () => {
oBox.innerHTML = ++cnt
}
let throttle = (fn,time) => {
let flag = true
let timeout = null
let throttled = (...args) => {
if(!flag) return
flag = false
clearTimeout(timeout)
timeout = setTimeout(()=>{
fn.apply(this,args)
flag = true
},time)
}
return throttled
}
oBox.onmouseover = throttle(addSomething, 2000)
</script>
</body>
</html>/* 实现浅拷贝的几种方式 */
let obj = {
a: 1,
b: {
c: 2,
d: 3,
e: {
name: 'Chocolate',
age: 18
},
f: new Date('2020-11-11 00:00')
},
d: new RegExp(/^\s+|\s$/g)
}
/* Object.assign() */
let res = Object.assign({},obj)
console.log(res)
/* 展开运算符... */
let res = {...obj}
console.log(res)
/* 实现浅拷贝 */
let shallowClone = (obj) => {
let ans = {}
for(let key in obj){
if(obj.hasOwnProperty(key)){
ans[key] = obj[key]
}
}
return ans
}
console.log(shallowClone(obj))let obj = {
a: 1,
b: {
c: 2,
d: 3,
e: {
name: 'Chocolate',
age: 18
},
f: new Date('2020-11-11 00:00')
},
d: new RegExp(/^\s+|\s$/g)
}
/* 实现深拷贝 */
/* JSON.parse(JSON.stringify()) */
let res = JSON.parse(JSON.stringify(obj))
console.log(res)
let deepClone = (obj,map = new WeakMap()) => {
if(obj == null) return obj
if(obj instanceof Date) return new Date(obj)
if(obj instanceof RegExp) return new RegExp(obj)
if(typeof obj !== 'object') return obj
if(map.has(obj)) return map.get(obj)
let cloneObj = new obj.constructor()
map.set(obj,cloneObj)
for(let key in obj){
if(obj.hasOwnProperty(key)){
cloneObj[key] = deepClone(obj[key],map)
}
}
return cloneObj
}
let res = deepClone(obj)
console.log(res)这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
三次握手要确认双方的两样能力：发送能力与接收的能力。
最开始双方都属于CLOSED状态。然后服务器开始监听某个端口，进入LISTEN状态。
【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退截止时间 2020年11月11日 0点
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>倒计时</title>
</head>
<body>
<section>
<p>倒计时</p>
<span class="daySpan"></span>
<span class="hourSpan"></span>
<span class="minuSpan"></span>
<span class="secondSpan"></span>
</section>
<script>
let daySpan = document.querySelector('.daySpan')
let hourSpan = document.querySelector('.hourSpan')
let minuSpan = document.querySelector('.minuSpan')
let secondSpan = document.querySelector('.secondSpan')
let deadLine = new Date('2020-11-11 00:00')
let countDown = () =>{
let timeout = deadLine - new Date()
if(timeout < 0) return 0
let day = Math.floor(timeout/1000/60/60/24)
let hour = Math.floor(timeout/1000/60/60%24)
let minu = Math.floor(timeout/1000/60%60)
let second = Math.floor(timeout/1000%60)
daySpan.innerHTML = day + '天'
hourSpan.innerHTML = hour + '时'
minuSpan.innerHTML = minu + '分'
secondSpan.innerHTML = second + '秒'
setTimeout(countDown,1000)
}
countDown()
</script>
</body>
</html>这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
从标准上来看，GET 和 POST 的区别如下：
GET 和 POST 报文上的区别
GET 和 POST 方法没有实质区别，只是报文格式不同。
GET 和 POST 只是 HTTP 协议中两种请求方式，而 HTTP 协议是基于 TCP/IP 的应用层协议，无论 GET 还是 POST，用的都是同一个传输层协议，所以在传输上，没有区别。
报文格式上，不带参数时，最大区别就是第一行方法名不同
POST方法请求报文第一行是这样的 POST /uri HTTP/1.1 \r\n
GET方法请求报文第一行是这样的 GET /uri HTTP/1.1 \r\n
两种方法本质上是 TCP 连接，没有差别，也就是说，如果我不按规范来也是可以的。我们可以在 URL 上写参数，然后方法使用 POST；也可以在 Body 写参数，然后方法使用 GET。当然，这需要服务端支持。
在约定中，我们的参数是写在 ? 后面，用 & 分割。
我们知道，解析报文的过程是通过获取 TCP 数据，用正则等工具从数据中获取 Header 和 Body，从而提取参数。
也就是说，我们可以自己约定参数的写法，只要服务端能够解释出来就行，一种比较流行的写法是 http://www.example.com/user/name/chengqm/age/22。
按照网上大部分文章的解释，POST 比 GET 安全，因为数据在地址栏上不可见。
然而，从传输的角度来说，他们都是不安全的，因为 HTTP 在网络上是明文传输的，只要在网络节点上抓包，就能完整地获取数据报文。
要想安全传输，就只有加密，也就是 HTTPS。
首先说明一点，HTTP 协议没有 Body 和 URL 的长度限制，对 URL 限制的大多是浏览器和服务器的原因。
浏览器原因就不说了，服务器是因为处理长 URL 要消耗比较多的资源，为了性能和安全（防止恶意构造长 URL 来攻击）考虑，会给 URL 长度加限制。
有些文章中提到，post 会将 header 和 body 分开发送，先发送 header，服务端返回 100 状态码再发送 body。
HTTP 协议中没有明确说明 POST 会产生两个 TCP 数据包，而且实际测试(Chrome)发现，header 和 body 不会分开发送。
所以，header 和 body 分开发送是部分浏览器或框架的请求方法，不属于 post 必然行为。
参考：
【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退console.log(1);
setTimeout(() => {
console.log(2);
process.nextTick(() => {
console.log(3);
});
new Promise((resolve) => {
console.log(4);
resolve();
}).then(() => {
console.log(5);
});
});
new Promise((resolve) => {
console.log(7);
resolve();
}).then(() => {
console.log(8);
});
process.nextTick(() => {
console.log(6);
});
setTimeout(() => {
console.log(9);
process.nextTick(() => {
console.log(10);
});
new Promise((resolve) => {
console.log(11);
resolve();
}).then(() => {
console.log(12);
});
});/* 实现apply */
function bar(name, age) {
console.log(name)
console.log(age)
console.log(this.value);
}
var foo = {
value: 1
};
Function.prototype.myApply = function(content = window) {
content.fn = this
let res
if(arguments[1]){
res = content.fn(...arguments[1])
}else{
res = content.fn()
}
delete content.fn
return res
}
bar.myApply(foo,['Chocolate',18])/* 用setTimeout来实现 setInterval */
let newInterval = (fn, time) => {
let inside = () =>{
fn();
setTimeout(inside,time)
}
setTimeout(inside,time)
}
let doSome = () => {
console.log('执行Go')
}
newInterval(doSome,1000)/* 判断堆栈的出栈顺序是否合理 */
let validStack = (inArr, outArr) => {
if(inArr == null || outArr == null) return false
let stack = []
for(let i=0;i<inArr.length;i++){
stack.push(inArr[i])
while(stack.length && stack[stack.length-1] === outArr[0]){
stack.pop()
outArr.shift()
}
}
return stack.length === 0? true : false
}
let inArr = [1,2,3,4,5]
let outArr = [4,5,3,2,1]
console.log(validStack(inArr, outArr))这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
HTTP 响应状态代码指示特定 HTTP 请求是否已成功完成。响应分为五类：信息响应(
100–199)，成功响应(200–299)，重定向(300–399)，客户端错误(400–499)和服务器错误 (500–599)。
100 Continue
这个临时响应表明，迄今为止的所有内容都是可行的，客户端应该继续请求，如果已经完成，则忽略它。
200 OK
请求成功。成功的含义取决于HTTP方法：
204 No Content
206 Partial Content
300 Multiple Choice
301 Moved Permanently
302 Found
304 Not Modified
307 Temporary Redirect
400 Bad Request
401 Unauthorized
403 Forbidden
404 Not Found
405 Method Not Allowed
500 Internal Server Error
503 Service Unavailable
Retry-After：如果可能的话，HTTP头应该包含恢复服务之前的估计时间。 网站管理员还必须注意与此响应一起发送的与缓存相关的标头，因为这些临时条件响应通常不应被缓存。504 Gateway Timeout
完整状态码请查阅 MDN HTTP状态码
【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退这是博主面向腾讯学习的面试题大整理系列，可以在如下github仓库Issues中通过 Labels 标签分类查看相关内容，同时欢迎大家指正可能的错误并且提出自己的解答，希望大家学的鱼块，春秋招顺利！
传送门：https://github.com/Chocolate1999/Front-end-learning-to-organize-notes
往期精选：
这个属于HTTP缓存相关内容了，HTTP缓存，也可以叫浏览器缓存
浏览器缓存有两种：200 OK (from memory/disk cache) 和 304 Not Modified
1、200 OK (from memory/disk cache)
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)${expires 30d;}location ~ .*\.(js|css)?${expires 12h;}这样就可以给静态文件缓存了，在有效期内，浏览器会直接读取客户端的缓存，而不用再请求服务器，除非用户清除了缓存或者使用Ctrl+F5强制刷新了页面。
2、304 Not Modified（不会从服务器端获取数据，而是直接使用直接第一次200 ok时获取的缓存数据）
两个的区别是 200 OK (from disk cache) 是浏览器没有与服务器进行确认， 直接用浏览器缓存。304 是浏览器和服务器确认了一次缓存有效性，再启用缓存
禁止200 OK (from disk cache) 这个缓存的方法是，ajax 请求是带上参数 cache: false
完整状态码请查阅 MDN HTTP状态码
【作者：Chocolate】https://chocolate.blog.csdn.net/
学如逆水行舟，不进则退
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.