淺析js預加載/延遲加載
Pre loader 預加載一般有兩種常用方式：xhr和動態(tài)插入節(jié)點的方式。動態(tài)插入節(jié)點是最為簡單也最為廣泛的一種異步加載方式，然后使用動態(tài)插入節(jié)點方法加載的文件都會 在加載后立即執(zhí)行，javascript的執(zhí)行一方面會占用瀏覽器js執(zhí)行進程，另一方面也可能改變頁面結(jié)構(gòu)，而css 的執(zhí)行更有可能讓整個頁面變化。xhr方式雖然不會執(zhí)行腳本，但是由于同域的限制
Lazy loader方式在一些圖片非常多的網(wǎng)站中非常有用，在瀏覽器可視區(qū)域外的圖片不會被載入，直到用戶將頁面滾動到它們所在的位置才加載，這樣對于含有很多 圖片的比較長的網(wǎng)頁來說，可以加載的更快，并且還能節(jié)省服務器帶寬。jQuery插件中也有插件來實現(xiàn)該功能。
在騰訊的QQ空間和微博中就采用這樣技術實現(xiàn)，在大訪問量的網(wǎng)站，這樣就相對可以減少服務器的壓力，在用戶訪問到所見區(qū)域和下面內(nèi)容時候才去請求。而不是傳統(tǒng)的一次把整個頁面下載過來，在下載過程中存在著用戶等待內(nèi)容呈現(xiàn)。
IE中使用new Image().src 去預加載文件。
其他瀏覽器使用動態(tài)插入document.createElement('object')標簽來完成加載。
說明：
1. new Image().src 之所以不能在ff中使用是因為ff對圖片實現(xiàn)了一套單獨的緩存。 同時safari和chrome看起來也沒有被緩存。
2. 動態(tài)插入object 標簽需要插入到非head部分，以觸發(fā)加載。
3. ie7 ie8 也可以通過一些代碼使用動態(tài)object加載文件。
相關文章
JavaScript?setTimeout和setInterval的用法與區(qū)別詳解
Javascript的setTimeOut和setInterval函數(shù)應用非常廣泛,它們都用來處理延時和定時任務,下面這篇文章主要給大家介紹了關于JavaScript?setTimeout和setInterval的用法與區(qū)別,需要的朋友可以參考下2022-04-04
BootStrap實現(xiàn)帶有增刪改查功能的表格(DEMO詳解)
這篇文章主要介紹了BootStrap實現(xiàn)帶有增刪改查功能的表格，表格封裝了3個版本，接下來通過本文給大家展示下樣式及代碼，對bootstrap增刪改查相關知識感興趣的朋友一起通過本文學習吧2016-10-10
這篇文章主要介紹了js之如何篩選出兩個數(shù)組相同的值問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
初學者可能對Javascript的定時器有誤解，認為它們是線程，其實Javascript是運行于單線程中的，而定時器僅僅是計劃在未來的某個時間執(zhí)行，而具體的執(zhí)行時間是不能保證的，因為在頁面的生命周期中，不同的時間可能有其它代碼在控制Javascript的里進程。2015-05-05
這篇文章主要介紹了普通web整合quartz跑定時任務,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
一些實用的TAB效果...2006-11-11
這篇文章主要介紹了uni-app微信小程序登錄授權的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
JS限制Textarea文本域字符個數(shù)的具體實現(xiàn)
這篇文章介紹了JS限制Textarea文本域字符個數(shù)的具體實現(xiàn)，有需要的朋友可以參考一下2013-08-08
這篇文章主要為大家詳細介紹了js+html5實現(xiàn)復制文字按鈕，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
下面小編就為大家?guī)硪黄獪\談JS驗證表單文本域輸入空格的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02