Steward2011的专栏

HTML网页是利用HTML语言编写的文档，是一种半结构化的数据表现方式，结构特征可以归纳为三种：树状结构，层次结构和框结构。网页构成目前市面上大多数的网页为动态网页，在这样的动态网页中，JavaScript代码用来控制网页内部的逻辑，CSS用来描述网页的显示信息。JavaScript是一种解释型的脚本语言，主要目的是控制用户端逻辑，同用户交互，本身可以修改HTML元素及其内容，CSS是一种样式表语言

移动领域对HTML5的发展起到了举足轻重的作用，HTML5标准得到了几乎所有智能移动设备的支持，随着移动领域的众多创新，标准化组织也将这些新功能带入了Web领域，如对各种屏幕的支持，触控，手势和一些新设备能力接口等触控和手势事件HTML5规范先了解一下触控，手势事件域游览器默认行为的关系，举个例子当用户点击屏幕上一个触控点并且向上移动时，游览器面临艰难选择，对于用户触发的触控事件，可能

安全机制包括两个不同的部分，第一是网页的安全，包括但是不限于网页数据安全传输、跨域访问、用户数据安全等，第二部分是游览器的安全，具体是指网页或者JavaScript代码有一些安全问题或者存在安全漏洞，游览器也能够在运行它们的时候保证自身的安全，不受攻击从而泄漏数据或者使系统破坏网页安全模型安全模型基础当用户访问网页的时候，游览器需要确保该网页中数据的安全性，如Cookie、用户名和密码等信息不会被其

本章将结合Web前端的发展历程和未来的发展前景详解现在HTML5中引入的多媒体技术HTML5的多媒体支持在HTML5规范出来之前，网页对视频和音频播放的支持基本上是靠Flash插件来实现，在HTML5之后，同文字和图片一样，音频和视频直接变成HTML一系列规范中第一等公民，首先是JavaScript接口的支持，开发者可以使用JavaScript接口来方便的控制音视频的播放，实现例如播放、停止和记录等

对于插件的定义，早期的有微软的ActiveX和网景的NPAPI插件，随后，Chromium项目考虑到性能引入了PPAPI插件机制，同时为了安全方面的考虑，引入Native Client机制，这些插件机制扩展了游览器的能力，极大的丰富了网页的应用场景，同时，随着HTML5的发展很多HTML5功能同样需要扩展JavaScript的编程接口，以便开发者可以使用JavaScript代码来调用，而这样的机制需

随着HTML5不断加入图形和多媒体方面的功能，例如Canvas2D、WebGL、CSS 3D和视频等，对渲染引擎使用图形库的性能提出很高的要求，本节描述WebKit为了支持硬件加速机制而引入了哪些内部结构以及chromium如何在这些设施上实现特殊的硬件加速机制，这些机制的引入提高了WebKit引擎的渲染性能硬件加速基础概念硬件加速是指实用哦该GPU的硬件能力来渲染网页，GPU的主要作用是用来绘制3

本节主要介绍JavaScriptCore引擎和V8引擎概述JavaScript语言JavaScript是一种脚本语言，主要用在Web的客户端，它的出现主要是控制网页客户端的逻辑，例如同用户的交互、异步通信等需求，本质上看它是一种解释型语言，函数是它的第一等公民，也就是函数也能够当作参数或返回值来传递。JavaScript是一种无类型语言，或者说是动态类型语言，而c++或Java等语言是静态类型语言，

Webkit渲染简介

渲染引擎的第一步是使用网络栈来下载和网页中资源，该过程比较耗时资源网页本身是一种资源，其依赖很多其他类型的资源，包括图片和视频等，因此网络和资源加载是网页加载和渲染的第一步。 HTML支持的资源主要包括以下类型：HTML： HTML页面，包括各种HTML元素；JavaScript： js代码，可以内嵌在html文件中，也可以以单独的文件存在；CSS样式表：CSS样式资源，与JavaScrip

CSS解释器和规则匹配出于DOM树建立之后，RenderObject树建立之前，CSS解释器解释后的结果会保存起来，然后RenderObject树基于该结果来进行规范匹配和布局计算。CSS基本功能CSS全称Cascading Style Sheet，中文名级联样式表，主要用来控制网页的显示风格，其一个比较重要的特征是将网页的内容和内容的展示方式分离。Web开发者有两种方法可以使用CSS，第一种是将C

DOM模型DOM树DOM结构构成的基本要素为”节点”，而文档的DOM结构就是有层次化的节点组成，在DOM模型中，节点的概念很宽泛，整个文档（Document）就是一个节点，称为文档节点，HTML中的标记（Tag）也是一种节点，成为元素节点，还有一些其他类型的节点，例如属性节点，Entity节点，CDataSection节点，注释（Comment）节点等。由于DOM的定义是与语言无关的，所以标准中所有

最近在看WebKit技术内幕这本书，写博客的目的还是对所学的知识点做个总结吧，希望自己能坚持下去，Ok, Let’s go游览器特性网络： 游览器通过网络模块来下载各种各样的资源，包括HTML文本，JaveScript代码，样式表，图片，音视频文件等资源管理： 从网络模块下载资源，并对资源进行管理，包括避免重复下载资源，缓存资源等网页游览： 通过网络下载资源并从资源管理器获取资源转换为可视话的

本章从webkit内部的主要结构和模块开始，随后介绍基于webkit的chromium游览器的内部结构和模块，并介绍多线程和多进程模型，并将chromium的多进程模型同webkit2的多进程模型进行比较，剖析目前前沿的游览器架构和设计理念。webkit架构 ① 操作系统：webkit可以在不同的操作系统上工作，不同游览器可能会依赖不同的操作系统，同一个游览器使用的webkit也可能依赖不同的操作

支持调试HTML、CSS和JavaScript代码是游览器或者渲染引擎需要提供的一项十分重要的功能，这里调试包括两种类型：其一是功能，其二是性能。功能调试能够帮助HTML开发者使用单步调试等技术来查找代码中问题，性能调试能够采集JavaScript代码、网络等性能瓶颈，这只是对于HTML开发者来说，对于性能来说，问题可能存在域HTML代码，也可能是游览器本身的问题，为此Chromium开发出另一套机