HTTP 是一种用于在计算机网络上进行通信的协议。它是互联网的基础之一,被用于在 Web 浏览器和 Web 服务器之间传输超文本 HTML 以及其他资源。

最近在做一个后台项目，需要加载一个大型的的文件，一开始这个文件大概有40M，算了下处在公司比较好的网络环境下浏览器下载下来大概得12s左右，然后加载这个文件还得7s左右，这样理想情况下呈现给用户大概得

这样子使用XHR进行异步访问、读取资源显得很繁琐，相对比Fetch()允许你创建类似XHR的network访问，但是使用更简单而且干净的API，不需要多次回调并且记住XHR复杂的API。Fetch API底层是通过Promises实现。 Fetch的语法更加语义化、比较好理解。…

缓存技术一直一来在WEB技术体系中扮演非常重要角色，是快速且有效地提升性能的手段。 如上图，在网页展示出来的过程中，各个层面都可以进行缓存。 之前在学习缓存的过程中，一直没有实践过，有些概念经常会忘记。 今天主要通过Node实践的方式学习浏览器缓存，顺便分析一下Koa处理缓存的…

1）浏览器在加载资源时，先根据这个资源的一些http header判断它是否命中强缓存，强缓存如果命中，浏览器直接从自己的缓存中读取资源，不会发请求到服务器。比如某个css文件，如果浏览器在加载它所在的网页时，这个css文件的缓存配置命中了强缓存，浏览器就直接从缓存中加载这个c…

最近在背面试题时，时常会看见浏览器缓存的作用和重要性，可是没有代码实操过，现在开始实操浏览器强缓存、协商缓存。

上周阿里的面试官问了个面试题 “ 能不能说下 304 的过程，以及影响缓存的头部属性有哪些？”OMG.......因为之前只是大概了解 304 状态码是表示缓存，且因为平时项目开发过程中也没有在缓存这块踩过坑，所以这一块也没有去做特别深入的研究。所以当被问这个问题时，有被当头一…

HTTP/1.1 允许在持久连接上使用管道，但是在浏览器上却几乎不会开启管道功能，chrome 之前的老版本还可以在 chrome://flags 里面来选择开启或关闭管道功能，最新的版本已经移除了管道相关选项。为什么不加入管道化连接提升性能呢，主要有几个原因：其一是管道化持久连接实现复杂，容易出 bug，且不易调试。其二是一些不标准的代理导致管道化容易出现很多难以预料的问题，导致开发人员调试十分复杂。

1. 什么是缓存？ http缓存机制主要在http响应头中设定，响应头中相关字段为Expires、Cache-Control、Last-Modified、Etag。 HTTP 1.0协议中的。简而言之，就是告诉浏览器在约定的这个时间前，可以直接从缓存中获取资源（represen…