浏览器 知识点整理

http1.x 文本格式 序列和阻塞机制 并发多个请求，需要多个 TCP 连接 http2 二进制格式传输 多路复用 所有相同域名请求通过一个 TCP 连接并发完成 少延时+内存消耗 https加密证

实现原理 hash 原理 通过监听浏览器 onhashchange 事件变化，查找对应路由应用 通过改变 location.hash 改变页面路由 history 原理 利用 html5 的histo

重排 定义 导致浏览器不得不重新计算元素的几何属性，并重新构建渲染树 负责元素的几何属性更新 DOM结构中的各个元素都有自己的盒子(模型)，这些都需要浏览器根据各种样式来计算并根据计算结果将元素放到它

DNS（Domain Name Server）用来返回某个域名对应主机的ip的服务器 根DNS （.） 只负责提供各类顶级DNS服务器ip地址. 是域名解析的入口. 顶级DNS (TLD, Top L

github地址 官网地址 axios：网络请求的第三方库 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请

Fetch 是在 ES6 出现的，使用了 ES6 提出的 Promise 对象,是 XMLHttpRequest 的替代品 fetch()与 XMLHttpRequest 差异 fetch使用 Pro

0101 事件&事件绑定 1. 什么是事件？ 事件是浏览器赋予元素的默认行为 　「浏览器赋予元素的事件行为」https://developer.mozilla.org/zh-CN/docs/Web/E

宏任务&微任务-事件循环 同步的进入主线程，异步的进入Event Table并注册函数 当指定的事情完成时，Event Table会将这个函数移入Event Queue 主线程内的任务执行完毕为空，会

手写 Ajax 创建异步对象 创建的这个异步对象上有很多属性和方法 onreadystatechange：监听异步对象请求状态码readyState的改变，每当readyState改变时，就会触发on

产生 a页面想要获取b页面资源 a b页面的协议、域名、端口号、子域名不同 解决 http-proxy-middleware src\setupProxy.js createProxyMiddlewa

浏览器渲染页面 从HTML解析出DOM Tree（DOM树） 从CSS解析出CSSOM Tree(CSS规则树) JavaScript代码由JavaScript引擎处理 DOM树建立后根据CSS样式进

从用户输入浏览器输入url到页面最后呈现 有哪些过程？有什么办法能优化页面性能？ 用户输入URL地址 浏览器 解析URL解析出主机名 将主机名转换成服务器ip地址 （浏览器先查找本地DNS缓存列表 没

HTTP 请求、响应、缓存（part） HTTP请求格式 每一个HTTP包 HTTP头：必须的，消息头告诉对方这个消息是干什么的 消息头可以通过浏览器的开发工具或者插件可以看到，如果火狐的Firebu

localStorage 常用于长期登录（+判断用户是否已登录） 生命周期是永久（除非用户主动 removeItem ） 相同浏览器的不同页面间可以共享 webstorage（本地存储），存储在客户端

http缓存：强缓存和协商缓存 强缓存（无HTTP请求，无需协商） 直接读取本地缓存，无需跟服务端发送请求确认，http返回状态码是200（from memory cache或者from disk c

TCP 三握&四挥；强缓存&协商缓存 三次握手 client 发出的第一个连接请求报文段并没有丢失，而是在某个网络结点长时间的滞留了，以致延误到连接释放以后的某个时间才到达 server server

长轮询&短轮询&websocket websocket 前端实现 http1.x http2 二进制格式传输 多路复用 所有相同域名请求通过一个 TCP 连接并发完成 少延时+内存消耗 history