day39 原型鏈及頁面烟花效果 2021.10.13

原型鏈：（Object是頂級的構造函數，在js中萬物皆對象）

只要是對象就有一個屬性__proto__，

原型對象也是對象，所以原型對象也有__proto__屬性，這個屬性指向的也是一個原型對象

實例對象的__proto__指向原型對象，原型對象的__proto__指向另外的一個原型對象，都是對象，都有__proto__屬性，所以最後找到的原型都是Object.prototype

實例對象方法屬性的訪問規則：

實例對象訪問屬性的時候，先在實例對象本身查找，找到了就使用

如果找不到，則在__proto__指向的原型對象中查找,找到了就使用

如果找不到在去到原型對象的原型中找，找到了就是使用

找不到繼續往原型的原型中找，最終找到Object.prototype原型，

還是沒有屬性或方法的話，則返回undefined

實現頁面烟花效果：

步驟分析：

1. 出現一個夜空背景 1000*600

2. 給夜空一個點擊事件，點擊夜空div在底部出現一個方塊烟花

--方塊烟花出現的比特置，和點擊的水平比特置是一樣的

3. 方塊烟花從底部昇空，昇到點擊的比特置，然後消失（消失後出現多個圓點烟花）

4. 圓點烟花爆炸效果，每一個圓點烟花運動到隨機的比特置，然後消失

需准備的函數：

運動函數，隨機顏色函數，獲取範圍隨機數的函數，給元素設置樣式的函數