2019-02-09现在工作中暂时只使用到 HTTPS。
去年，看到一些公司已经开始着手更新 HTTP2，不少敬佩的前端高手做了分享。
他们利用 HTTP2 服务端推送，以及 TCP 连接复用的特性，把 CSS 和 JS 文件分拆成更小的文件，分批下载。
更小的文件意味着用户可以更快看到页面，以及性能的改善。与此同时，这种处理方式也对生产环境的工具链带来调整和改变。
很有意思的变化。展开 89
2019-02-09自己可以扩展补充以下
> DNS查询得到IP
> tcp/ip的并发限制
> get和post的区别
> 五层因特网协议栈
> 长连接与短连接
> http2.0与http1.1的显著不同点：
> 强缓存与协商缓存展开 47
2019-02-09老师真的很喜欢猫呐 13
2019-02-23HTT2 还有一个很重要的特性：使用二进制代理文本进行传输，极大提高了传输的效率作者回复: 嗯 是 这块每太细讲 我觉得大家了解即可 主要是服务端的工作。
10
2019-02-09h2的头部会用哈夫曼编码压缩大小 8
2019-02-09老师，浏览器渲染听说有重绘，回流什么的，哪里可以找到这一部分相关资料？ 1 8
2019-02-26option请求在线上也会存在吧？非简单请求中的预请求 1 7- 2019-02-17那么 HTTP2 的 TCP 连接复用, 和 keep-alive 有什么区别呢?
作者回复: 嗯，这块我没细讲，其实就是HTTP2要加这个头才能复用连接。
6 
2019-02-16当5G来临，http小优化都不用找了作者回复: 这完全是一种误解，物理层优化没法解决上层协议的问题。
1 6
2019-02-09棒！已经开始阅览 HTTP3 的文档了🤣 6
2019-04-28看了您的流式数据的解释，是不是可以理解当看到页面渲染的时候，DOM是不是有可能都还没构建完成呢？即使是理论上，有这种可能吗？
在网上看别人写的网页渲染原理，都是说dom构建完成了，再和构建css，都完成了才进行渲染的。
老师能详细解释下吗？ 1 4
2019-04-11关于缓存，304这块我整理了一片文章。https://github.com/XiaodongTong/blog/blob/master/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BC%93%E5%AD%98%E6%9C%BA%E5%88%B6.md 2
2019-03-23软件有bug，听上一个音频后切换下一个音频时，下一个音频开始播放的时间不是从零开始，是上一个音频的暂停时间点开始 2
2019-02-233xx状态码，真的是给我补了一下。从来没踩过这个坑。 2
2019-02-12找到了与老师的共同爱好，喜欢猫。 2- 2019-03-26<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
/* var()函数 */
:root {
--bg-color: #cdcdcd;
--font-color: blue;
}
body {
background-color: var(--bg-color);
}
.title {
color: var(--font-color);
}
/* attr()函数 */
p:before {
content: attr(data-foo) " ";
}
/* max()函数 */
.test-max {
height: 30px;
background-color: #f00;
width: max(30px, 50px);
}
/* toggle()函数 */
ul {
list-style-type:disk;
}
li > ul {
list-style-type:toggle(disk, circle, square, box);
}
</style>
</head>
<body>
<h1 class="title">标题引人注意</h1>
<p data-foo="hello">world</p>
<div class="test-max"></div>
<ul>
<li>1
<ul>
<li>1-1
<ul>
<li>1-1-1
<ul>
<li>1-1-1-1</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
max(),min(),clamp() 浏览器基本都不支持展开 1 
2019-03-09那位提问tag是什么的同学应该是问304请求那块提到的tag，温大指的是协商缓存中的etag（entity tag 1
2019-02-17老师，网站做https升级后，由于TLS加密，第一次连接，速度慢一点是可以理解，但是之后的连接速度也变得挺慢的，这个用户体验不好，这个是不是跟我申请的https证书有很大关系，除此之外，有没有好的建议？作者回复: 怀疑是没有复用连接，这个凭你给的信息我没法判断，得具体拿log分析时间都花在哪里了，一般来说跟证书关系不大。
1
2019-06-30请教老师：前端页面发送跨域ajax请求时，能正常发送和接受返回数据，但通过Chrome发现Request Header有警告信息：Provisional headers are shown；请问老师有什么解决的方法呢？
我的ajax代码如下：
$.ajax({
method : 'POST',
xhrFields: {
withCredentials: true
},
crossDomain:true, //允许跨域
contentType : 'application/json',
dataType : 'json',
url : 'http://localhost:8083/add',
data:JSON.stringify({
custCode:'icbc11',
custName:'工商银行11',
custAbbrEnglish:'icbc bank11'
}),
success : function(result){
console.log(result);
}
});展开
2019-06-29为什么对位图的合成是一个可选的过程，浏览器的composite 不是一定会执行的么，我以为这一步是无法不执行的作者回复: 可以不合成直接画，效率低而已。
当然现代浏览器是不可能跳过这一步的。