HTML
关注
分享
扫一扫
离子守恒
这个作者很懒，什么都没留下…
展开
-
页面内位置跳转
1.利用a标签的herf属性，等同于window.location.hash<a herf='location1'></a><a herf='location2'></a><div id='location1'></div><div id='location2'></div>2.利用Ele...原创 2020-03-20 16:34:50 · 209 阅读 · 1 评论 -
浏览器渲染过程
浏览器下载页面中所有的组件：HTML、JavaScript、CSS、图片后：解析HTML代码，构建DOM树。解析CSS，生成CSS规则树。合并DOM树和CSS规则树，生成Render树。布局Render树，负责各元素尺寸、位置的计算。绘制Render树，绘制页面像素信息。浏览器将各层的信息发送给GPU，GPU将各层合成。...翻译 2019-08-07 16:50:44 · 103 阅读 · 3 评论 -
从输入网址，按下回车键，到网页展示内容，发生了什么。
域名解析。（先查找本地DNS缓存列表，没有的话再向默认的DNS服务器发送查询请求并缓存）发起TCP的3次握手。建立TCP连接后发起http请求。服务器端响应http请求，浏览器得到html代码。浏览器解析html代码，并请求html代码中的资源。浏览器对页面进行渲染呈现给用。...翻译 2019-08-07 16:46:42 · 568 阅读 · 3 评论