以四条链串一串前端的那些事儿01

大金链子谁不爱呢？

大金链子

记得上语文课时老师会让找小说的线索。

一般，有以时间为线索的，以空间的转变为线索的，相当于我们常说的时间顺序、空间顺序。但是高明的小说线索都不简单。有的有什么明线、暗线两条线索；有的又是网状的。

前段时间觉得对于前端的知识体系有点凌乱，跳着读了一下 《JavaScript高级程序设计（第3版）》，还是很混乱。

我在想如何使用联想（混淆）记忆法，来捋一捋这里的道道。这里的线索是什么？这些规则之间有没有什么联系？

在 JavaScript 中有两条链分别叫作用域链和原型链，这里面涉及的内容是 JavaScript 的重难点，为了硬凑，我又找了两条链，可能有点牵强，但为了提供一个记忆点，先这样。

---

在这里做一个记忆点即前端的四条链，分别是 DOM链(树)，作用域链，原型链，组件链。有点牵强，不过知识吗，从不同的角度多来几遍没准就会了呢？以四条链为记忆点，下分四个分支，其实这也是一种链（树）结构。本文就不区分链和树了。

本文就是天马行空的想象，想到哪写到哪。

---

先来看 DOM，看到 DOM 会想到 BOM，由两者可以想到 ECMAScript，因为一个完整的 JavaScript 实现由这三部分组成。

p2

好嘞，我们从DOM又找到了两个记录点分别是 BOM 和 ECMAScript，先将两者按下不表。

四条链.png

回到BOM，不妨想看一个具体的DOM。

demwwo.gif

下回分解。