以物件的角度分析  物件的兩方面 屬性和方法

　　研究物件，主要是研究物件的屬性和方法

　　案例：

　　<ul id="list">

　　　　<li></li>

　　　　<li></li>

　　</ul>

　　相容性： 如果元素沒有子節點，ie低版本讀取不到，而標準瀏覽器會把文字節點當作子節點

　　list.children[0]

　　需要處理相容 if 語句

　　if(list.children[0]){

　　　　list.insertBefore(li,list.children[0])

　　　　}

　　else{

　　　　list.appendChild(li)

　　　　}

　　a超連結，a的屬性 href分析

　　<a href="">    點選會重新整理頁面，相當於向後臺傳送一次請求

　　<a href="#s">   瞄點跳轉到某一個id叫s的位置

　　<a href="javascript:;">  取消重新整理頁面的功能

　　dom迴流：

　　新增一個，對第一個計算一次

　　新增兩個，對第一個計算兩次，對第二個計算一次

　　新增三個，對第一個計算三次，對第二個計算兩次，對第三個計算一次

　　頁面渲染時，我們對HTML結構簡單的增刪，查改時，瀏覽器會對所有的dom重新排列，這就是dom迴流，嚴總影響瀏覽器效能

　　拓展：字串拼接和dom建立都是渲染的方式

　　字串的優點：簡單、層次感比較強、可以處理大量資料

　　缺點：字串拼接會影響到原有子元素的事件；

　　dom建立

　　優點：是一個獨立的個體，不會影響到原有的元素

　　缺點：處理資料量過大會比較麻煩，會造成dom迴流

　　補充：

　　提升頁面的效能的優化

　　1.多采用雪碧圖

　　2.阻止超連結預設行為

　　3.減少dom迴流

　　4.減少向伺服器的請求次數