持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第1天,点击查看活动详情
铃铛说点题外话
最近TS算是冲出“江湖”了,但是我发现好多人一窝蜂的去学习TS,学着学着发现“哎,它怎么举了好多JS的例子呢,JS里这个属性是干什么来着”,不出意外我也是这些人其中之一,所以痛定思痛,决定把JS基础重新打牢。所谓房子间的好不好,全看地基打的牢不牢。
铃铛说正文
既然说要从JS“地基”开始说,那么就先从解析JS的浏览器开始说道说道吧!!
首先浏览器会解析我们代码,具体是怎么解析的我们放在后话再说,我们先来认识一下浏览器。
以上这些浏览器的图标大家一定不陌生,但是这些浏览器的对我们代码解析的“工具”可能有着完全不同的处理方式,也就是我们说的浏览器内核。
| 浏览器内核 | 介绍 |
|---|---|
| Gecko | 早期被Netscape和Mozilla Firefix浏览器使用 |
| Trident | 0 Trident :微软开发, 被IE4~IE11浏览器使用,但是Edge浏览器已经转向Blink |
| Webkit | 苹果基于KHTML开发、开源的,用于Safari , Google Chrome之前也在使用 |
| Blink | 是Webkit的一个分支, Google开发,目前应用于Google Chrome、Edge、 Opera等 |
事实上,我们所说的浏览器内核指的是浏览器的排版引擎:
排版引擎(layout engine),也被称为浏览器引擎(browser engine)、页面渲染引擎(rendering engine)或样板引擎。
提到浏览器内核、浏览器解析我们就会想起来浏览器的解析(狗头),那就再说说浏览器的解析,这里就简单的说说浏览器的解析:会解析HTML、CSS生成render树,会解析Js生成DOM树,最后合并称为渲染树,渲染页面。
跟铃铛说再见
这一篇详细说了浏览器内核,简单的说了以下浏览器的解析过程,详细的解析过程我会放在下一篇详细介绍。那就再见啦!
祝大家祖国母亲节快乐!!!