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
javascript
CACHE MANFIEST //声名为一个存储文件
#v1.0 //版本号
CACHE: //需要缓存的文件
NETWORK: //只有连网才能访问的资源
FALLBACK: //一但前面的文件无法缓存就会缓存后面的文件
( /A.HTML /B.HTML )