读书笔记-Webkit技术内幕-第一章
2021-12-02 本文已影响0人
wo不是黄蓉
第一章 浏览器和浏览器内核
HTML5包含的标准
一共欧韩了10个大的类别,他们分别是离线(offline)、存储(storage)、连接(connectivity)、文件访问(file access)、语义(semantics)、音视频(audio/video)、3D和图形、展示、性能和其他
类别 | 具体规范 |
---|---|
离线 | application cache,local storage,indexed db,在线/离线事件 |
存储 | application cache,local storage,indexed db |
连接 | web sockets ,server-sent事件 |
文件访问 | file API,file system,filewriter,progressEvents |
语义 | 新元素,包括media,structural,国际化,link relation,属性,form 类型,microdata等方面 |
音视频 | h5 video,web audio,webRTC,video track |
3D和图形 | canvas 2D,3D css变换,webGL,svg |
展示 | css3变换,transition,webfonts |
性能 | web worker,http caching等 |
其他 | 触控和鼠标,shadow dom,css masking等 |
HTTP是构建在TCP/IP之上的应用层协议,用于传输HTML文本和所涉及的各种资源,包括图片和多媒体等。
HTTPS,在HTTP之上加入SSL/TLS用于安全地传输数据
用户代理和浏览器行为
用户代理其作用是表名浏览器身份,方便内容提供商知道发送请求的浏览器身份,浏览器能够支持什么样的功能。网页内容提供商可以为不同的浏览器发送不同的网页内容。
目的是为了避免浏览器不支持的功能以及获得更好的用户体验。
浏览器内核主要作用将页面转变成可视化的图像结果。也被成为,渲染引擎。根据描述活着 定义构建数学模型,通过模型生成图像的过程。
浏览器的渲染疫情能够将html.css.js文本以及相关应用的资源文件转换成图像结果的模块。

渲染引擎的核心过程
- 网页内容 -> 输入到html解释器(html将其构建成一颗dom树)这期间遇到js代码交给js引擎处理,遇到css交给css解释器去解释 -> 渲染引擎接收来自css解释器的样式信息,构建一个新的内部绘图模型。(该模型由布局模块计算模型内部各个元素的位置和大小信息) -> 由绘图模块完成从该模型到图像的绘制。