jax的工作原理和网页从输入url到呈现过程原理

224 阅读2分钟

ajax的工作原理

查看各种响应状态码含义 :developer.mozilla.org/zh-CN/docs/…
一个网站从输入网址到呈现页面完整流程 :<www.jianshu.com/p/c93d47c26…>

1.HTTP网络传输协议

 协议:规定 前后端交互的数据传输格式

2.HTTP协议组成两个部分

      2.1前端 : 必须发送 请求报文格式
      2.2后端 : 必须响应  响应报文格式

3.请求报文格式组成

      (1)请求行 : 请求方法和请求地址
      (2)请求头 : 浏览器告诉服务器 我发给你的数据是什么格式
      (3)请求体 :请求参数

4.响应报文格式组成

*******经典面试题 请求说出你所知道的常见的几种状态码
   (1)响应行 : 响应状态码 + 服务器IP地址
      2xxx(绿色) :
         200 :请求成功
         204 ; post请求体持续传输

      3xxx(黄色) :重定向 (服务器修改浏览器地址)
             302 重定向 服务器主动修改浏览器地址

      4xxx(红色) : 前端问题
           400 :参数错误
           404 :路径错误
           401 :未身份验证(没登录)
           403 :服务器拒绝访问(没有权限)
           413 :文件太大
      5xxx(红色)
      500 :服务器出问题
      503 ;服务器维护 或 超载
      
     (2)响应头 :服务器 告诉 浏览器 我响应给你的数据是什么內型
     (3)响应体 :服务器相应的数据
 4ajax原理 : 设置请求报文的过程
      **发送ajax底层就是发送  请求报文
      
      

网页从输入url到呈现过程原理

1.DNS解析 ;把域名 解析成 IP地址
2.TCP ;三次握手 ; 保证HTTP传输的安全可靠
      第一次 ; 浏览器 -> 服务器 (你能听到我说话吗  验证浏览器发送)
      第二次 ;服务器 ->浏览器 (我听到了,你能听到我说话吗, 验证服务器接收, 服务器发送) 
      第三次 ;浏览器 -> 服务器 (我也听到你说话了。 验证浏览器接受)
      
3.HTTP链接
        (1)客户端发送请求
        (2)服务器处理请求
        (3)服务器响应请求
      
4.渲染引擎渲染
        (1)解析HTML ;得到dom树
        (2)解析css ; 得到样式树
        (3)将DOM树 +样式树 合成 渲染书
        (4)绘制渲染树
        (5)呈现页面