摘要:另外,它不僅可以管理前端資源的緩存,在不需要緩存的時(shí)候也可以作為一個(gè)普通的加載器來使用,頁面中用到的和資源都可以用它來加載。
現(xiàn)在單頁應(yīng)用越來越多,前端能做的事也越來越多,但隨之而來的問題是一個(gè)單頁應(yīng)用的 CSS 和 JavaScript 代碼的體積也越來越大。應(yīng)用每次初始化的時(shí)候都要加載這些龐大的資源,雖然瀏覽器有自己的緩存機(jī)制,但首先它并不一定靠譜,其次即使緩存有效,每次加載資源時(shí)也要向服務(wù)器發(fā)送一次請求進(jìn)行確認(rèn),這一成本并不能省略。
現(xiàn)在,一款解決這個(gè)問題的小工具來了,它就是 —— bowl。
bowl 是一個(gè)用 localStorage 來緩存腳本和樣式資源的加載器。在獲取腳本和樣式之后,這個(gè)小巧的 JavaScript 庫會(huì)將它們保存到瀏覽器的 localStorage 中。當(dāng)這個(gè)文件下次再被請求的時(shí)候,bowl 將會(huì)從 localStorage 中讀取并將它插入到頁面中。
另外,它不僅可以管理前端資源的緩存,在不需要緩存的時(shí)候也可以作為一個(gè)普通的加載器來使用,頁面中用到的 CSS 和 JavaScript 資源都可以用它來加載。
要想了解更多 bowl 的功能和使用方法,請狠狠 戳這里~
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/115402.html
摘要:另外,它不僅可以管理前端資源的緩存,在不需要緩存的時(shí)候也可以作為一個(gè)普通的加載器來使用,頁面中用到的和資源都可以用它來加載。 現(xiàn)在單頁應(yīng)用越來越多,前端能做的事也越來越多,但隨之而來的問題是一個(gè)單頁應(yīng)用的 CSS 和 JavaScript 代碼的體積也越來越大。應(yīng)用每次初始化的時(shí)候都要加載這些龐大的資源,雖然瀏覽器有自己的緩存機(jī)制,但首先它并不一定靠譜,其次即使緩存有效,每次加載資源時(shí)...
摘要:另外,它不僅可以管理前端資源的緩存,在不需要緩存的時(shí)候也可以作為一個(gè)普通的加載器來使用,頁面中用到的和資源都可以用它來加載。 現(xiàn)在單頁應(yīng)用越來越多,前端能做的事也越來越多,但隨之而來的問題是一個(gè)單頁應(yīng)用的 CSS 和 JavaScript 代碼的體積也越來越大。應(yīng)用每次初始化的時(shí)候都要加載這些龐大的資源,雖然瀏覽器有自己的緩存機(jī)制,但首先它并不一定靠譜,其次即使緩存有效,每次加載資源時(shí)...
摘要:多個(gè)異步任務(wù)的順序執(zhí)行通過方法,取得了一個(gè)描述加載順序的二維數(shù)組。同時(shí),二維數(shù)組的長度也是不定的,更不能窮舉。利用這個(gè)特性,只需要遍歷原二維數(shù)組,將每個(gè)放在一個(gè)中的函數(shù)中執(zhí)行并返回即可因?yàn)榈姆祷刂稻褪且粋€(gè),有一種惰性執(zhí)行的感覺。 問題 bowl 是一個(gè)利用 local storage 進(jìn)行靜態(tài)資源緩存和加載的工具庫,在開發(fā)過程中遇到過一些問題,其中比較典型的是加載多個(gè)資源的時(shí)候資源之間...
摘要:雖然有著各種各樣的不同,但是相同的是,他們前端優(yōu)化不完全指南前端掘金篇幅可能有點(diǎn)長,我想先聊一聊閱讀的方式,我希望你閱讀的時(shí)候,能夠把我當(dāng)作你的競爭對手,你的夢想是超越我。 如何提升頁面渲染效率 - 前端 - 掘金Web頁面的性能 我們每天都會(huì)瀏覽很多的Web頁面,使用很多基于Web的應(yīng)用。這些站點(diǎn)看起來既不一樣,用途也都各有不同,有在線視頻,Social Media,新聞,郵件客戶端...
閱讀 2571·2021-11-22 09:34
閱讀 3548·2021-11-15 11:37
閱讀 2351·2021-09-13 10:37
閱讀 2111·2021-09-04 16:40
閱讀 1586·2021-09-02 15:40
閱讀 2466·2019-08-30 13:14
閱讀 3333·2019-08-29 13:42
閱讀 1909·2019-08-29 13:02