没有合适的资源?快使用搜索试试~ 我知道了~
资源详情
资源评论
资源推荐
![](https://csdnimg.cn/release/download_crawler_static/2075210/bg1.jpg)
Print Preferences
MDC / Mozilla Developer Center / Introduction to Layout in Mozilla
Overview
Basic data flow
Key data structures
Detailed walk-through
Incrementalism
Future tech-talks
Wrap-up, Q&A
Basic Data Flow
Source document arrives via network APIs
Incrementally “pumped” through the single-threaded layout engine
Parse, compute style, render; repeat
CSS used for rendering all content
Content theoretically separate from “presentation”
![](https://csdnimg.cn/release/download_crawler_static/2075210/bg2.jpg)
Key Data Structures
Content node
Elements, attributes, leaves
DOM
Frame
Rectangular formatting primitive
Geometric information
[0..n] per content node
2nd thru nth are “continuations”
Style context
Non-geometric information
May be shared by adjacent frames
Reference counted, owned by frame
View
Clipping, z-order, transparency
![](https://csdnimg.cn/release/download_crawler_static/2075210/bg3.jpg)
[0..1] per frame, owned by frame
Widget
Native window
[0..1] per view, owned by view
Key Data Structures
The document owns the content model, and one or more presentations
Exposed programmatically via DOM APIs
The presentation owns the frame hierarchy
Frames own the style contexts, views, widgets
Presentation has media type, dimensions, etc.
May not be directly manipulated
Detailed Walk-Through
Setting up
Content model construction
Frame construction
剩余10页未读,继续阅读
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![application/pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![application/pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![thumb](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
fullxml
- 粉丝: 0
- 资源: 7
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)
评论0