b2科目四模拟试题多少题驾考考爆了怎么补救
b2科目四模拟试题多少题 驾考考爆了怎么补救

WebKit技术内部浏览器和WebKit核心

电脑杂谈  发布时间:2020-08-05 10:03:16  来源:网络整理

webkit 内核浏览器_webkit 内核浏览器_webkit内核浏览器 属性

微信公众号: 喜欢写虫子的阿拉斯加

如果您有任何疑问或建议,请在后台留言,我们将尽力解决您的问题.

前言

本文是我最近阅读的《 WebKit Technology Insider》一书的一些理解和注释.

[WebKit Technology Insider]是对基于WebKit的Chromium项目的解释.

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

webkit 内核浏览器_webkit 内核浏览器_webkit内核浏览器 属性

WebKit内核由Apple于2005年首先开发和开源. Google随后基于此开发了Chromium. 2008年,Google为WebKit创建了一个新的项目核心. 后来,Google占据了浏览器市场的绝大部分.

WebKit

图1-6显示了该项目的大型模块. 图中的“ WebKit嵌入式接口”是狭窄定义的WebKit,它是WebCore(包括上面提到的HTML解释器,CSS解释器和布局模块)和JavaScript引擎的绑定和嵌入层. 通过浏览器.

WebKit2.png

铬内核闪烁

2013年4月,gogle宣布从WebKit复制它,然后使其独立并作为Blink项目运行.

webkit 内核浏览器_webkit 内核浏览器_webkit内核浏览器 属性

第2章HTML网页和结构1.基本组成html,css,js. 2.于2012年推出的html5视频,canvas,2d,3d等新功能. 3.框架结构: iframe,框架,框架集,用于嵌入html文档.

iframe.png

image.png

上图显示了iframe的应用

4. 层次结构

了解层次结构非常重要,因为它可以帮助您了解WebKit如何构建它以进行呈现,这有助于编写有效的HTML代码.

webkit内核浏览器 属性_webkit 内核浏览器_webkit 内核浏览器

网页的层次结构意味着网页中的元素可以分布在不同的级别,这意味着某些元素可以与其父元素的级别不同. 出于某些原因,WebKit需要为其子级提供一个新层.

image.png

图片中每个图层的上下文. “根级别”在后面,“级别3”和“级别4”在前面. 法律是需要复杂的转换和处理的元素,并且它们需要新的层,因此WebKit为它们构建新的层,以便于渲染引擎进行高效的处理. 对于不同的基于WebKit的浏览器,分层策略也可能有所不同,通常有一些基本原理,例如视频,2d,3d转换,画布等.

5. WebKit Web核心的呈现过程

渲染过程.png

从网页 URL 到构建 DOM 树

webkit内核浏览器 属性_webkit 内核浏览器_webkit 内核浏览器

img.png

从 CSS 和 DOM 树到绘图上下文.png

从绘图上下文到最终的图像.png

绘图过程说明.png

6. 编写高效代码时的注意事项

编写高效代码注意点

6. 最后

希望本文对您有所帮助.


本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/shumachanpin/article-292320-1.html

    相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      热点图片
      拼命载入中...