首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
浏览器原理
订阅
Wendydesigner
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
白霁
4年前
浏览器
问题-概况篇
1. 处理输入 UI thread 需要判断用户输入的是 URL 还是 query。 2. 开始导航 当用户点击回车,UI thread 通知 Network thread 获取网页内容,同时控制 tab 上的 spinner 展示(逆时针),表示正在请求页面。 Network…
1200
3
评论
白霁
4年前
浏览器
解析-HTML 解析器
因为 HTML 语言在语法层面并有那么严格的语法规则,导致常规的解析器并不能解析HTML文档,对应的解决方案让浏览器厂商自定义 HTML 解析器。那么,让我们一起梳理一下 HTML 解析器到底是什么吧~ 因为 HTML 语法是由 W3C 组织创建的规范中进行定义的,而且语法格式…
4929
1
评论
白霁
4年前
浏览器
渲染树-布局和绘制
renderer 节点刚刚创建,插入 render tree 中并没有 position 和 size 信息,而 layout 阶段就是计算元素几何信息的地方。因为浏览器采用的是流式布局,计算元素的几何信息是一次性的,而且后面元素几乎不影响前面元素的几何信息,除 table 元…
1741
1
评论
白霁
4年前
浏览器
你要知道的浏览器原理【参考文献】
虽说文章还是比较老的,但浏览器发展也会变成一步历史,从有记录的历史的源头去了解当初的浏览器,进而更好的理解当代的浏览器。 这些基础的计算机概念还是要弄不清楚的。 知乎上这篇文章,更多就是 Inside look at modern web browser 的译文,发现这位小姐姐…
1032
1
评论
白霁
4年前
浏览器
浏览器原理系列10篇正式完结
整个浏览器原理系列文章正式完结了。因非科班出身,所以增加了对应的前置知识。整体的文章的思路还是不断的去问自己为什么,从而激发自己更有兴趣继续去思考下 这系列文章,只是用自己的语言重述了一遍 How Browsers Work: Behind the scenes of mode…
5083
139
19
白霁
4年前
浏览器
前置知识—进程和线程
根据不同的操作系统,一个进程或许由多个线程组成,多线程是为了并发的执行命。 因为安全性和可靠性,现代操作系统不允许进程之间直接通讯,采用了一种严格的通讯方法叫做 IPC (Inter-process communication)。 多任务的操作系统存在多个进程同时执行,单核CP…
2375
11
12
白霁
4年前
浏览器
浏览器架构-实践篇
那么我们来来看看Chrome是对应的浏览器架构是怎样的呢?当我们打开任务管理器的时候,会看到看到浏览器开启会有多个进程(可以通过Chrome的更多工具 -> 任务管理器自行查看。)。 那我们来来看看chrome有哪些主要进程吧。 Browser Process:浏览器的主进程(…
2032
2
评论
白霁
4年前
浏览器
浏览器架构-原理篇
我们都知道浏览器的功能,就是向服务器发送请求,然后在浏览器窗口中展示对应请求回来的网络资源。 可往往我们好像忽视了,当代浏览器那些细微的交互点,如 tab 上的 spinner 的展现。为了能慢慢的理解上述的问题,我们首先一起理一下浏览器这款软件中到底有有什么吧。 当代现有的浏…
3145
7
2
白霁
4年前
浏览器
浏览器内核-流程概况
在介绍如何渲染的问题之前,我们还是需要了解一下什么是 Renderer Process,即浏览器内核。 浏览器内核是由各大浏览器厂商依照 W3C 标准自行研发。因为由各大厂商自主研发,必定产生不同的种类,我们先来看看市面上主流浏览器内核: Trident:俗称 IE 内核,也被…
2118
1
评论
白霁
4年前
浏览器
解析-理论剖析
其实我们很明白「解析」到底做了什么,说白了就一句话咯:「将源代码转化机器码」。难道不好奇转化这一流程中到底涉及到什么环节吗? 首先,我们展上述的那句话——「将源代码转化机器码」。 在浏览器中,大多数解析是文档,整个过程就是努力将文档转化为代码可以理解和使用的结构,对应输出的结果…
998
1
评论