![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 150 阅读 · 1 评论 -
浏览器渲染过程
浏览器下载页面中所有的组件:HTML、JavaScript、CSS、图片后: 解析HTML代码,构建DOM树。 解析CSS,生成CSS规则树。 合并DOM树和CSS规则树,生成Render树。 布局Render树,负责各元素尺寸、位置的计算。 绘制Render树,绘制页面像素信息。 浏览器将各层的信息发送给GPU,GPU将各层合成。 ...翻译 2019-08-07 16:50:44 · 79 阅读 · 3 评论 -
从输入网址,按下回车键,到网页展示内容,发生了什么。
域名解析。(先查找本地DNS缓存列表,没有的话再向默认的DNS服务器发送查询请求并缓存) 发起TCP的3次握手。 建立TCP连接后发起http请求。 服务器端响应http请求,浏览器得到html代码。 浏览器解析html代码,并请求html代码中的资源。 浏览器对页面进行渲染呈现给用。 ...翻译 2019-08-07 16:46:42 · 530 阅读 · 3 评论