佟舟的博客

xhr 具有以下常用属性： responseText： 请求返回的数据内容 responseXML： 如果响应内容是"text/xml"“application/xml”，这个属性将保存响应数据的 XML DOM文档 status： 响应的HTTP状态，如 200 304 404 等 statusText： HTTP状态说明 readyState： 请求/响应过程的当前活动阶段 timeout： 设置请求超时时间 xhr.readyState==0 尚未调用 open 方法 xhr.readyState=

html 加载时发生了什么 在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。 浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体 DOM Tree 和样式结构体组合后构建render tree, render tree类似于DOM tree，但区别很大，因为render tree能识别样式，render tree中每个NODE都有自己的style，而且render tree不包含隐藏的节

原文：从 URL 输入到页面展现到底发生什么？ 总体来说分为以下几个过程: DNS 解析:将域名解析成 IP 地址 TCP 连接：TCP 三次握手 发送 HTTP 请求 服务器处理请求并返回 HTTP 报文 浏览器解析渲染页面 断开连接：TCP 四次挥手 一、 ...

前言 缓存过程 浏览器发起HTTP请求 – 服务器响应该请求，浏览器第一次向服务器发起该请求后拿到请求结果，会根据响应报文中HTTP头的缓存标识，决定是否缓存结果： 缓存类型 强制缓存 协商缓存 强制缓存 当浏览器向服务器发起请求时，服务器会将缓存规则放入HTTP响应报文的HTTP头中和请求结果一起返回给浏览器，控制强制缓存的字段分别是Expires和Cache-Control，其中Cache-Control优先级比Expires高。 Expires Expires是HTTP/1.0控制网页缓存的字段