简单易懂的前端底层原理

一。浏览器缓存

　　把已请求到的web资源，copy到浏览器缓存中。

• 浏览器每次发起请求，都会先在浏览器缓存中查找该请求的结果以及缓存标识

• 浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中

 　　根据缓存新鲜度，判断是否使用缓存。 如使用则状态为304. 如不适用，则为200.

　　新鲜度可根据mate进行设置

二。浏览器渲染原理及流程

　　首先要知道，浏览器Firefox、Chrome和Safari是基于两种渲染引擎构建的，Firefox使用Geoko——Mozilla自主研发的渲染引擎，Safari和Chrome都使用webkit。

　　先解析dom结构。在解析css结构。然后将dom和css结构成Render结构，随后在页面上构建render结构，然后构建render布局，在页面上绘制render结构。

　　页面构建是以8K分块的形式进行的。 以局部布满全局，类似于全页面多线程的异步加载、

三。ajax的底层原理

　　说到ajax不得不说其核心XMLHttpRequest。

　　axjax的原理，其实就是XMLHttpRequest的处理过程。

　　发送请求是由open 和send 等进行。

　　根据返回状态。 也就是onreadystatechange。根据每次状态发生变化时触发。

　　ajax返回的信息，其实就是responseText和responseXML取的返回值。

简单易懂的前端底层原理

原文：https://www.cnblogs.com/yasoPeng/p/12793508.html