JS Article <<webkit Technical Insider >> notes

Development:

2003 Apple launches Safari browser

2005 WebKit Project Open source, project includes: WebCore, JavaScript engine, system call interface layer, etc.

2004 Firefox Browser release

2008 launch of Chromium project based on WebKit kernel

2010 Internal Add Webkit2 sub-project, similar to Blink thought, based on a multi-process approach, separate the browser interface call layer and implementation layer (render layer).

2013 based on differences, Google announced the independent operation of the Blink project

The WebKit rendering process consists of three stages:

1. Generating the DOM tree

URL request resource, DNS domain name resolution, TCP establish connection, data transfer completion, text parsing, resource loading (Script, CSS, picture, etc.) synchronous, asynchronous problem;

2. Generate RenderObject

CSS file parsing, for each node of the DOM, attaching renderobject information, generating renderobject tree, generating renderlayer tree based on page hierarchy

3. Draw complete

Rendering based on 2D, 3D graphics libraries (including: GPU hardware acceleration, mixed rendering, etc.)

Information:

Book <<webkit Technology Insider >>

Webkit http://www.webkit.org/

Chromium http://www.chromium.org

JS Article <<webkit Technical Insider >> notes