用戶輸入 URL 地址。 對 URL 地址進行 DNS 域名解析。 創建 TCP 鏈接(三次握手)。 瀏覽器發起 HTTP 請求報文。 服務器返回 HTTP 響應報文。 關閉 TCP 鏈接(四次揮手)。 瀏覽器解析文檔資源並渲染頁面。css
重繪改變css樣式瀏覽器
重繪(repaint):當元素樣式的改變不影響佈局時,瀏覽器將使用重繪對元素進行更新,此時因爲只須要 UI 層面的從新像素繪製,所以損耗較少服務器
迴流(reflow):又叫重排(layout)。當元素的尺寸、結構或者觸發某些屬性時,瀏覽器會從新渲染頁面,稱爲迴流。此時,瀏覽器須要從新通過計算,計算後還須要從新頁面佈局,所以是較重的操做佈局
迴流一定會觸發重繪,重繪不必定會觸發迴流。重繪的開銷較小,迴流的代價較高事件
防抖:任務頻繁觸發的狀況下,只有任務觸發的間隔超過指定間隔的時候,任務纔會執行 咱們能夠了解到,在觸發點擊事件後,若是用戶再次點擊了,咱們會清空以前的定時器,從新生成一個定時器。意思就是:這件事兒須要等待,若是你反覆催促,我就從新計時!資源
節流:指定時間間隔內只會執行一次任務文檔