简介web缓存可以自动将资源副本保存到本地，减少了客户端与服务器之间的通信次数，加速页面加载，降低网络延迟。
强缓存和协商缓存1）浏览器在加载资源时，先根据这个资源的一些http header判断它是否命中强缓存，强缓存如果命中，浏览器直接从自己的缓存中读取资源，不会发请求到服务器。比如某个css文件，如果浏览器在加载它所在的网页时，这个css文件的缓存配置命中了强缓存，浏览器就直接从缓存中加载这个css，连请求都不会发送到网页所在服务器；2）当强缓存没有命中的时候，浏览器一定会发送一个请求到服务器，通过服务器端依据资源的另外一些http header验证这个资源是否命中协商缓存，如果协商缓存命中，服务器会将这个请求返回，但是不会返回这个资源的数据，而是告诉客户端可以直接从缓存中加载这个资源，于是浏览器就又会从自己的缓存中去加载这个资源；3）强缓存与协商缓存的共同点是：如果命中，都是从客户端缓存中加载资源，而不是从服务器加载资源数据；区别是：强缓存不发请求到服务器，协商缓存会发请求到服务器。4）当协商缓存也没有命中的时候，浏览器直接从服务器加载资源数据。
强缓存1）当浏览器对某个资源 ...
简介状态码让客户端知道请求结果，服务器是成功处理了请求，还是出现了错误，又或者是不处理。状态码会和原因短语成对出现，状态码由3位数字组成。
属性
类别
说明
1XX
信息
请求已被接受，正在处理中
2XX
成功
请求已处理成功
3XX
重定向
客户端需要附加操作才能完成请求
4XX
客户端错误
客户端发起的请求服务器无法处理
5XX
服务器错误
服务器在处理请求时发生错误或异常
“200 OK”表示请求正常处理完成。“204 No Content 表示请求处理成功，但是没有资源返回”“301 Moved Permanently”表示永久重定向，请求的网页已经永久移动到新位置“302 Moved”表示临时重定向。“304 Not Modified”表示自从上一次请求以来，页面的内容没有改变过。服务器返回此响应时，不会返回网页内容。“400 Bad Request”表示客户端请求有语法错误，不能被服务器所理解。“401 Unauthorized”表示请求未经授权。“403 Forbidden”表示对请求资源的访问被服务器拒绝了。“404 Not Foun ...
html代码1234567891011121314<div class="box" id="box"> <!--小层--> <div class="small"> <img src="small.png" width="350" alt=""/> <!--遮挡层--> <div class="mask"></div> </div> <!--大层--> <div class="big"> <!--大图--> <img src="big.jpg" width="800" alt=""/> </div></div>
css代码1234567891011121314 ...
html代码1<img src="1.jpg" alt="" id="img" />
css代码12345678910*{ margin: 0; padding: 0; } body{ height: 2000px; } img{ position: absolute; }
JavaScript代码123456789101112131415161718192021222324252627282930313233343536373839var move = { // window.event和事件参数对象e的兼容 getEvent: function (event) { return window.event || event; }, // 可视区域的横坐标的兼容代码 getClientX: function (event) { return this.getE ...
