更多 标签 'Webkit'
  • Chrome高性能的秘密:Chrome的网络模块
  • 前面可以看到服务器响应时间仅是总延迟时间的 20%,其它都被 DNS,握手等操作占用了。过去用户体验研究( user experience research )表明用户对延迟时间的不同反应:……上表同样适用于页面的性能表现:渲染页面,至少要在 250ms 内给个回应来吸引住用户。
  • Chrome高性能的秘密:Web应用面对的性能问题
  • 前面我们提到了,WebKit是一个开源的项目,该项目专注于网页内容的展示,开发出一流的网页渲染引擎。Chrome是使用WebKit的典型浏览器(虽然现在转Blink,但是Blink也是WebKit的扩展)。我们这里就探讨一下关于Chrome浏览器的一些知识与特性。
  • WebKit浏览器所共有的与不同的
  • 让我们回顾一下所有 WebKit port 的共同点:首先,WebKit 以同样的方式解析 HTML 。好吧,除了 Chromium,它是迄今为止唯一支持 threaded HTML 解析的 port。然而一经解析,DOM 树构造依然相同。所以,实际上只有在 Chromium port 中 Shadow DOM 被打开的情况下, DOM 结构才会改变。
  • 基于WebKit的浏览器?先了解WebKit Port
  • 所谓一个WebKit Port,并没有确切的形式,可以看作是OS,平台(应用程序框架),JS引擎,以及各种第三方库的一个组合。比如WinCairo Port,就是OS=Windows,GraphicsLib=Cairo的一个Porting。Qt Port是一个跨平台的Port,Qt本身是跨平台的,所以WebKit对OS的依赖性就依靠Qt本身来解决。
  • WebKit开篇:先了解一下WebKit的历史吧
  • 广义上来说,WebKit是一个开源的项目,其前身是来源于KDE的KHTML和KJS。该项目专注于网页内容的展示,开发出一流的网页渲染引擎。它不是浏览器,而且也不想成为浏览器。该项目包含两个部分,第一是WebCore,其中包含了对HTML,CSS等很多W3C规范的实现;第二部分就是狭义上的WebKit,它主要是各个平台的移植并提供相对应的Web接口。
  • WebKit渲染基础之RenderLayer树
  • RenderLayer树是基于Render树建立起来的一颗新的树。同样,RenderLayer节点和Render节点不是一一对应关系,而是一对多的关系。那么哪些情况下的RenderObject节点需要建立新的RenderLayer节点呢?
  • WebKit渲染基础之Render树的建立
  • WebKit是一个渲染引擎,而不是一个浏览器,它专注于网页内容展示,其中渲染是其中核心的部分之一。这里着重于对渲染部分的基础进行一定程度的了解和认识,主要理解基于DOM树来介绍Render树和RenderLayer树的构建由来和方式。
  • 简单剖析CSS的解析规则
  • 一个级联样式表(CSS)是由一系列的规则组成的,每一条规则是由一个选择器和若干条声明组成的。每条声明是一个键值对,由属性和值组成。CSS是上下文无关的语法,可以使用自上而下解析器或自下而上解析器。下面以 Webkit 为例,看看它的 CSS 解析。
  • 自上而下解析器与自下而上解析器
  • 有两种基本类型的解析器:自上而下解析器和自下而上解析器。比如我们之前在 词法语法分析在浏览器中的作用 提到的,Webkit就是使用自底向上的解析器,而Gecko使用自顶向下的解析器。直观地来说,自上而下的解析器从语法的高层结构出发,尝试从中找到匹配的结构。
更多 推荐文章

Welcome to NowaMagic Academy

现代魔法 推荐于 2013-02-27 10:23

更多 目录树
更多 热门小组
魔法达人