
WebKit
userkang
这个作者很懒,什么都没留下…
展开
-
影子(Shadow)DOM
什么是 Shadow DOM ?引用 MDN 上的原文是这样说的: Shadow DOM 为 Web 组件中的 DOM 和 CSS 提供了封装。Shadow DOM 使得这些东西与主文档的 DOM 保持分离。你也可以在一个Web组件外部使用 Shadow DOM 本身。 为什么要把一些代码和网页上其他的代码分离?原因之一是,大型站点若CSS没有良好的组织,导航的样式可能就『泄...原创 2018-07-02 02:25:15 · 1642 阅读 · 0 评论 -
WebKit的渲染过程
根据数据的流向,渲染过程分成三个阶段:第一阶段:从网页的 URL 到构建完 DOM 树 从网页 URL 到 DOM 树 具体过程如下:当用户输入网页 URL 的时候,WebKit 调用其资源加载器加载该 URL 对应的网页加载器依赖网络模块建立连接,发送请求并接收答复WebKit 接收到各种网页或者资源的数据,其中某些资源可能是同步或异步获取的网页被交给 HTML 解释器转...原创 2018-06-28 00:20:48 · 729 阅读 · 0 评论 -
DOM 树是如何构建的 ?
今天通过对 DOM 模型、HTML 解释器和 JavaScript 的执行的介绍,来初步学习 HTML 解释器是如何将从网络或者本地文件获取的字节流转成 DOM 树的。DOM 模型1、DOM 标准DOM (Document Object Model) 的全称是文档对象模型,它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。比如,Web开发中,用 JavaScript...原创 2018-06-29 02:04:17 · 25629 阅读 · 3 评论 -
什么是 JavaScript 引擎
什么是 JavaScript 引擎简单来讲,就是能够将 Javascript 代码处理并执行的运行环境。JavaScript 语言是一种解释性脚本语言,因此在运行时,需要先将代码转变成抽象语法树,然后在抽象语法树上解释执行。当然为了提高 js 的执行速度,同时随着 JIT (Just In Time)的技术引入,现在的 js 引擎大多会做一些性能优化,就是在执行前会将抽象语法树再转成一...原创 2018-07-05 01:12:29 · 3569 阅读 · 1 评论