浏览器工作原理

javascript, 浏览器引擎, 排版引擎, 图形引擎, js引擎

1. 我们常说的浏览器引擎， 浏览器内核， js引擎， 渲染引擎等等，具体是干什么的
2. js engine是干什么的， 都有哪些实现
3. 常用浏览器、国内浏览器分别使用什么引擎

概念

• 排版引擎
  排版引擎（layout engine，也称为浏览器内核（web browser engine）、页面渲染引擎（rendering engine）或样版引擎）是一种软件组件，负责获取标记式内容（如HTML、XML及图像文件等等）、整理信息（如CSS及XSL等），并将排版后的内容输出至显示屏或打印机。所有网页浏览器、电子邮件客户端以及其它需要根据表示性的标记语言（Presentational markup）来显示内容的应用程序都需要排版引擎。

浏览器

现有浏览器

• 主流
  chrome, IE, firefox, safari, opera
• 加壳
  360 SE, 360极速, sogou, QQ浏览器, 2345, 猎豹, baidu

• 市场份额

  CNZZ

_{来源百度统计}

其中Chromium是基于Blink的

浏览器引擎

功能

浏览器引擎(我们常说的'浏览器内核')， 也叫渲染引擎(rendering engine)、布局引擎(layout engine);

KDE的开放源代码KHTML引擎用于KDE的Konqueror网页浏览器，后来成为WebKit的基础，是Apple的Safari和Google的Chrome网页浏览器的渲染引擎，根据StatCounter的统计是目前最广泛使用的浏览器引擎。目前的Chromium／Chrome（iOS版除外）与Opera版本则是基于Blink，WebKit的一个分支。

Gecko，Mozilla开放源代码项目的网页浏览器引擎，被各种来自基于Mozilla代码的派生应用所使用，包括Firefox网页浏览器、Thunderbird电子邮件客户端以及SeaMonkey网络包。

Trident，Internet Explorer的网页浏览器引擎，使用于Microsoft Windows平台的许多应用程序，如netSmart、Outlook Express、Microsoft Outlook的一些版本和Winamp、RealPlayer中的迷你浏览器。

Opera软件公司的专有Presto引擎授权给其他一些软件供应商，使用Opera自家的网页浏览器，直到2013年它被Blink引擎取代。

更多

JS引擎

功能

将源代码编译(遵循ECMA-262 等规范)成机器码(parser可能会产生字节码)， （优化）并执行

实现

• javascriptCore
  

  JavaScriptCore is the built-in JavaScript engine for WebKit. It currently implements ECMAScript as in ECMA-262 specification.
  JavaScriptCore is an optimizing virtual machine. JavaScriptCore consists of the following building blocks: lexer, parser, start-up interpreter (LLInt), baseline JIT, a low-latency optimizing JIT (DFG), and a high-throughput optimizing JIT (FTL).

• Google V8
  
  • 为什么v8比较快？
    
    • Hidden classes: V8会在运行时为对象创建隐藏类型， 不用动态查找来访问对象属性
    • Tagged values:
    • 动态产生机器码
    • 高效GC

others

Lint zhen

lint 可以检测代码中的常见错误：
1. 行尾没写分号；
2. 没有if , for, while等的花括号；
- JSLint 希望 if、while、do 和 for语句都由块生成，{也就是说，语句是被大括号包住的 }。
3. 无用代码（由return, throw, continue, 或者break 产生的）；
4. 没有break声明的switch分支条件声明；
5. A leading zero that turns a number into octal (base 8)
6. 嵌套注释
7. 换行造成的两行代码是否为同一个语句声明的歧义
8. 无用声明；
9. 等等

引用