![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器原理
文章平均质量分 56
本专栏专注于浏览器的原理
叫我阿东就行
前端的那块砖
展开
-
消息推送常见方式
平时所用到的HTTP协议是一种请求-应答方式的,而想要让服务器主动向前端推送消息,可以采取下列的4种常见的方式。下面我们会重点介绍WebSocket技术。原创 2024-05-30 09:48:39 · 127 阅读 · 0 评论 -
对于session的理解
标准来说,session这个单词指的是会话。(1).前端通过浏览器去查看cookie的时候,会发现有些cookie的过期时间是:session,意味着该cookie是会话cookie。(2).后端人员常常把【session会话存储】简称为:session存储,或者更简单的称为:session。原创 2024-04-06 12:49:01 · 185 阅读 · 0 评论 -
对于cookie的理解
本质就是一个【字符串】,里面包含着浏览器和服务器沟通的信息(交互时产生的信息)。存储的形式以:【key-value】的形式存储。浏览器会自动携带该网站的cookie,只要是该网站下的cookie,全部携带。原创 2024-04-06 12:13:54 · 277 阅读 · 0 评论 -
重绘(Repaint)和回流(Reflow)
重绘和回流是渲染步骤中的一小节,但是这两个步骤对于性能影响很大。color。回流所需的成本比重绘高的多,改变深层次的节点很可能导致父节点的一系列回流。很多人不知道的是,重绘和回流其实和 Event loop 有关。原创 2024-04-02 19:24:18 · 369 阅读 · 0 评论 -
cookie、localStorage、sessionStorage和indexDB
如果没有大量数据存储需求的话,可以使用。对于不怎么改变的数据尽量使用。cookie有以下常用属性。,我们还需要注意安全性。原创 2024-04-02 19:16:39 · 114 阅读 · 0 评论 -
浏览器的重绘和重排(回流)
单单改变元素的外观,肯定不会引起网页重新生成布局,但当浏览器完成重排之后,将会重新绘制受到此次重排影响的部分重排和重绘代价是高昂的,它们会破坏用户体验,并且让 UI 展示非常迟缓,而相比之下重排的性能影响更大,在两者无法避免的情况下,一般我们宁可选择代价更小的重绘。。原创 2024-04-02 15:35:02 · 432 阅读 · 0 评论 -
打开一个浏览器界面到底发生了什么?(浏览器渲染原理)
附着到 DOM Tree 上,因此需要根据选择器提供的信息对 DOM Tree 进行遍历,才能将样式附着到对应的 DOM 元素上。我们知道 DOM Tree 与 Style Rules 合成为 Render Tree,实际上是需要将。而从左向右的匹配规则的性能都浪费在了失败的查找上面。对应的 DOM Tree 如下。解析 CSS 选择器。以下这段 css 为例。原创 2024-04-02 15:28:05 · 583 阅读 · 0 评论 -
浏览器的组成部分
值得注意的是,和大多数浏览器不同,Chrome 浏览器的每个标签页都分别对应一个呈现引擎实例。每个标签页都是一个独立的进程。原创 2024-04-02 15:19:02 · 254 阅读 · 0 评论