前端理论总结（html5）——URL输入到页面渲染过程//离线存储

最新推荐文章于 2024-06-02 21:38:16 发布

Z_BL

最新推荐文章于 2024-06-02 21:38:16 发布

阅读量238

点赞数 2

分类专栏：前端理论总结文章标签：前端 html5 html

本文链接：https://blog.csdn.net/Z_B_L/article/details/137026581

版权

前端理论总结专栏收录该内容

27 篇文章 1 订阅

订阅专栏

URL输入到页面渲染过程

1、首先，在浏览器地址栏中输入url
2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作。
3、在发送http请求前，需要域名解析(DNS解析)，解析获取相应的IP地址。
4、浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。
5、握手成功后，浏览器向服务器发送http请求，请求数据包。
6、服务器处理收到的请求，将数据返回至浏览器
7、浏览器收到HTTP响应
8、读取页面内容，浏览器渲染，解析html源码
9、生成Dom树、解析css样式、js交互
10、客户端和服务器交互

离线存储

1、页面添加一个：<html lang="en" manifest="a.manifest">

2、创建 cache.manifest

CACHE MANFIEST     //声名为一个存储文件
#v1.0                         //版本号
CACHE:                     //需要缓存的文件
NETWORK:               //只有连网才能访问的资源 
FALLBACK:               //一但前面的文件无法缓存就会缓存后面的文件
（   /A.HTML  /B.HTML    ）