美文网首页
浏览器工作原理-读后笔记

浏览器工作原理-读后笔记

作者: 链人成长chainerup | 来源:发表于2017-01-01 12:09 被阅读0次

https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/#The_order_of_processing_scripts_and_style_sheets

1、浏览器组件

   讲了浏览器的几大组件:

2、呈现引擎:(负责显示请求的内容)

主要讲了呈现引擎的流程的分类,webkit 跟gecko,以及他们的执行流程

3、解析:包含解析器跟词法分析器。

里面讲解了解析算法。其中解析算法分为两个阶段(标记化和树构建)

4、浏览器容错:浏览器用户量庞大的一个重要因素

5、呈现树:

讲解了呈现树与dom的关系,解决了规则树构建的三个问题:

(1)样式数据是一个超大的结构,可能会造成内存问题。(通过树状继承)

(2)应用规则涉及到相当复杂的层叠规则(通过树状继承)

(3)规则匹配耗时耗cpu(通过hash解决)

6、布局:计算位置跟大小

分全局跟增量。

布局可以优化。

7、绘制:全量绘制跟增量绘制。

8、事件循环:

浏览器的主线程,它是一个无限循环,永远处于接受处理的状态,并等待事件发生。

相关文章

  • 《浏览器工作原理》学习笔记

    学习内容来自于HTML5Rocks网站,《浏览器的工作原理:现代浏览器幕后揭秘》,简单输入输出一下读后笔记。 解析...

  • 浏览器工作原理-读后笔记

    https://www.html5rocks.com/zh/tutorials/internals/howbrow...

  • Chrome 架构

    本文是 浏览器工作原理与实践 的 读书笔记 ,方便自己记忆。 浏览器 浏览器 是 用户访问互联网最重要的接...

  • 如何学习HTTP

    1、看《图解 HTTP》这本入门书籍2、再看《图解 HTTP》读书笔记3、浏览器的工作原理:新式网络浏览器幕后揭秘...

  • 《浏览器工作原理与实践》- 开篇

    学习笔记参考:极客时间:李冰-浏览器工作原理与实践 1995年,美国网景公司因“网景浏览器”的发布而快速崛起,之后...

  • 前端学习文档

    1. 浏览器工作原理 浏览器的工作原理:新式网络浏览器幕后揭秘[https://www.html5rocks.co...

  • JavaScript是如何影响DOM树构建的

    浏览器工作原理与实践 课程学习笔记 一、DOM怎么生成的 浏览器开启下载文件后,就要开始生成DOM树了。问题:DO...

  • 浏览器渲染深入理解一:解析器与DTD

    都是本人理解,笔记大致概念,不详细也并非完全正确,所以仅供参考。 参考文档:浏览器的工作原理:现代网络浏览器幕后揭...

  • 图解浏览器的基本工作原理

    由于文中有视频,可在知乎专栏中查看本文全文图解浏览器的基本工作原理或阅读后面的参考链接 以下为摘要 前言 可能每一...

  • 图解浏览器的基本工作原理

    原文: 图解浏览器的基本工作原理

网友评论

      本文标题:浏览器工作原理-读后笔记

      本文链接:https://www.haomeiwen.com/subject/tafivttx.html