1 思路整理 就是頁面加載完畢的時候 請求遠程接口，然后把數據賦值給頁面的變量 ，然后列表循環 2 js相關代碼 我是改的 onload函數 3 模板頁面直接循環即可 ...

頁面加載性能優化 在互聯網網站百花齊放的今天，網站響應速度是用戶體驗的第一要素，其重要性不言而喻，這里有幾個關於響應時間的重要條件： 用戶在瀏覽網頁時，不會注意到少於0.1秒的延遲； 少於1秒的延遲不會中斷用戶的正常思維， 但是一些延遲會被用戶注意到； 延遲時間少於10秒，用戶會繼續等待 ...

1 知識體系 1.1 從URL輸入到頁面加載 首先我們需要通過 DNS（域名解析系統）將 URL 解析為對應的 IP 地址，然后與這個 IP 地址確定的那台服務器建立起 TCP 網絡連接，隨后我們向服務端拋出我們的 HTTP 請求，服務端處理完我們的請求之后，把目標數據放在 ...

前言： 在同樣的網絡環境下，兩個同樣能滿足你的需求的網站，一個“Duang”的一下就加載出來了，一個糾結了半天才出來，你會選擇哪個？研究表明：用戶最滿意的打開網頁時間是2-5秒，如果等待超過10秒，99%的用戶會關閉這個網頁。也許這樣講，各位還不會有太多感觸，接下來我列舉一組數據：Google ...

前言： 在同樣的網絡環境下，兩個同樣能滿足你的需求的網站，一個“Duang”的一下就加載出來了，一個糾結了半天才出來，你會選擇哪個？研究表明：用戶最滿意的打開網頁時間是2-5秒，如果等待超過10秒，99%的用戶會關閉這個網頁。也許這樣講，各位還不會有太多感觸，接下來我列舉一組數據：Google ...

前言： 在同樣的網絡環境下，兩個同樣能滿足你的需求的網站，一個“Duang”的一下就加載出來了，一個糾結了半天才出來，你會選擇哪個？研究表明：用戶最滿意的打開網頁時間是2-5秒，如果等待超過10秒，99%的用戶會關閉這個網頁。也許這樣講，各位還不會有太多感觸，接下來我列舉一組數據：Google ...

為了提高頁面的加載速度，讓用戶有更好的體驗，前端網站的性能優化是非常有必要的。 優化的方式有以下幾種： 一、 編輯html的時候注意語義結構化 　　結構語義化：根據內容的結構，選擇合適的標簽，以便於開發者閱讀和寫出更優雅的代碼，同時讓瀏覽器的爬蟲和機器很好地解析。 　　結構語義化的優點包括 ...

1.文件優化 圖片優化 一些修飾類圖片可用CSS代替 將多個圖標文件整合到一張圖片中 （CSS Sprite） 選擇正確的圖片格式： gif無損壓縮，適合logo、線條等小型簡單圖像 jpeg適合照片、漸變圖像 PNG-8相對於GIF ...