细说JavaScript(一)

43 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第1天,点击查看活动详情

铃铛说点题外话

最近TS算是冲出“江湖”了,但是我发现好多人一窝蜂的去学习TS,学着学着发现“哎,它怎么举了好多JS的例子呢,JS里这个属性是干什么来着”,不出意外我也是这些人其中之一,所以痛定思痛,决定把JS基础重新打牢。所谓房子间的好不好,全看地基打的牢不牢。

铃铛说正文

既然说要从JS“地基”开始说,那么就先从解析JS的浏览器开始说道说道吧!!

首先浏览器会解析我们代码,具体是怎么解析的我们放在后话再说,我们先来认识一下浏览器。

image.png

以上这些浏览器的图标大家一定不陌生,但是这些浏览器的对我们代码解析的“工具”可能有着完全不同的处理方式,也就是我们说的浏览器内核。

浏览器内核介绍
Gecko早期被Netscape和Mozilla Firefix浏览器使用
Trident0 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树,最后合并称为渲染树,渲染页面。

跟铃铛说再见

这一篇详细说了浏览器内核,简单的说了以下浏览器的解析过程,详细的解析过程我会放在下一篇详细介绍。那就再见啦!

祝大家祖国母亲节快乐!!!