微信民众号：爱写bugger的阿拉斯加

若有题目或发起，请背景留言，我会全力处置惩罚你的题目。

媒介

此文章是我近来在看的【WebKit 手艺内情】一书的一些明白和做的笔记。
而【WebKit 手艺内情】是基于 WebKit 的 Chromium 项目标解说。

第一章 浏览器和浏览器内核

WebKit 内核是苹果2005年先开辟并提出开源的，背面 Google 也以此为基础，并自力开辟出 Chromium 的，2008年 Google 为 WebKit 为内核创建了一个新项目 chormium ，厥后 Google 的 chrom 占据了浏览器的大部分市场。

图 1-6 显现的是该项目标大模块。图中“WebKit 嵌入式接口”就是批的狭义 WebKit，它批的是在 WebCore（包括上面提到的 HTML 诠释器、CSS 诠释器和规划等模块）和 JavaScript 引擎之上的一层绑定和嵌入式编程接口，能够被浏览器挪用。

Chromium 内核 Blink

2013年4月 gogle宣告从 WebKit中复制一份出来然后自力，并运作为Blink项目。

第二章 HTML网页与构造

1. 基础构成 html 、css、js。

2. html5新特征 video、canvas、2d、3d等，2012年就推出。

3. 框构造： iframe、frame、frameset，用于嵌入html文档。

上面的图说的是 iframe 的运用

4. 条理构造

明白条理构造非常重要，由于它能够协助你明白 WebKit 怎样构建它来衬着，这有助于写高效的 HTML 代码。

网页的条理构造是指网页中的元素能够散布在不周的条理中，也就是说某些元素能够差别于它的父元素地点的条理，由于某些缘由， WebKit 须要为该元素和它的后代竖立一个新层。

图中各层的前后关联。“ 根层 ” 在最背面，“ 层 3 ”和 “层 4 ” 在最前面。规律是须要庞杂变更和处置惩罚的元素，它们须要新层，所以 WebKit 为它们构建新层实在是为了衬着引擎在处置惩罚上的轻易和高效。关于差别的基于 WebKit 的浏览器，分层战略也有能够不一样，通常是有一些基础原则的，比方 video 、2d、3d 转换、canvas 等。

5. WebKit网页内核的衬着历程

6. 编写高效代码注重点

末了

愿望本文对你有点协助。

下期分享 第三章 WebKit 架构与模块 敬请期待。

我不是大神，也不是什么牛人，写这个号的目标是为了纪录我自学 web全栈 的笔记。

有兴致的朋侪能够扫下方二维码民众号—— 爱写bugger的阿拉斯加

分享 web 开辟相干的手艺文章，热门资本，全栈程序员的生长之路

和人人一同交换生长。

只需关注民众号并复兴 福利 便送你六套、而且每套代价 3999 元的视频资本： Python、Java、Linux、Go、vue、react、javaScript