欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

3個很棒的小眾JavaScript庫分別是哪些

3個很棒的小眾JavaScript庫分別是哪些，相信很多沒有經(jīng)驗(yàn)的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)公司是一家專業(yè)從事網(wǎng)站建設(shè)、做網(wǎng)站的網(wǎng)絡(luò)公司。作為專業(yè)的建站公司,創(chuàng)新互聯(lián)公司依托的技術(shù)實(shí)力、以及多年的網(wǎng)站運(yùn)營經(jīng)驗(yàn),為您提供專業(yè)的成都網(wǎng)站建設(shè)、全網(wǎng)整合營銷推廣及網(wǎng)站設(shè)計開發(fā)服務(wù)！

JavaScript有很多庫，每個人都已經(jīng)對最重要和最受歡迎的庫做過總結(jié)，但很快再次迷失。

在這將分享3個鮮為人知但非常強(qiáng)大，且很小的JavaScript庫，這些庫將使你的生活變得簡單，也不會給你的web應(yīng)用程序增加不必要的負(fù)擔(dān)。

1. JS-cookie

OfficialGitHub

在瀏覽器中使用cookies可能會非常費(fèi)力。JS cookies讓這件事變得簡單多了，現(xiàn)在我們將學(xué)習(xí)基本知識。

通過cdn實(shí)施：

<script src="https://cdn.jsdelivr.net/npm/js-cookie@beta/dist/js.cookie.min.js"></script>

設(shè)置一個名為“name”的cookie鍵，其值為“Max”

Cookies.set(&lsquo;name&rsquo;, &lsquo;Max&rsquo;)

獲取密鑰為“name”的cookie值

Cookies.get(&lsquo;name&rsquo;) // 'Max'

創(chuàng)建cookie，讓它在7天后過期

Cookies.set('name', 'Max', { expires:7 })

刪除cookie

Cookies.remove(&lsquo;name&rsquo;)

得出所有cookie

Cookies.get() // { name: 'Max' }

3個很棒的小眾JavaScript庫分別是哪些

來源：Pexels

2. Basket.js

OfficialDocumentation

Basket.js是一個極簡的腳本加載程序庫，壓縮后只有0.7kB。

(它使用的另一個庫壓縮后大約為5kB，如https://github.com/addyosmani/basket.js/issues/61中所述，但仍然很小)

但是basket.js不僅可以加載外部JavaScript，還可以將其緩存在瀏覽器的本地存儲中，這樣在下一頁請求時，就不必再次通過網(wǎng)絡(luò)請求外部JavaScript，而只需從本地存儲中加載即可。

但為什么是本地存儲而不是瀏覽器緩存呢?

首先，我個人認(rèn)為通過JS庫在web頁面代碼中緩存JavaScript文件要容易得多，通常是從服務(wù)器端緩存的。使用Basket.js，很容易在代碼中使用JavaScript動態(tài)控制腳本緩存。

我們試試看：

實(shí)際的API并沒有那么復(fù)雜。我認(rèn)為你可以自己探索一下文檔，在下面的簡單示例中，我們只使用basket.require，因?yàn)樗钦麄€庫的核心。

  • basket.require()

  • basket.get()

  • basket.remove()

  • basket.clear()

使用basket.require，我們可以通過basket加載JS文件。然后這個文件被緩存在本地存儲中，正如前文所述，下一次basket.require請求這個文件，例如，當(dāng)重新加載頁面時，basket將首先在緩存中查找。或者如果文件已經(jīng)緩存在那里，它將通過本地存儲加載文件，而不是通過網(wǎng)絡(luò)再次發(fā)出請求。

index.html：

在這里你可以找到庫：

  • https://addyosmani.com/basket.js/dist/basket.min.js

  • https://cdn.jsdelivr.net/npm/rsvp@4/dist/rsvp.min.js

  • https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js

<!DOCTYPE html> <html lang=”en”>   <head>     <meta charset=”UTF-8" />     <scriptsrcscriptsrc=”rsvp.min.js”></script>     <scriptsrcscriptsrc=”basket.min.js”></script>     <title>Document</title> </head> <body>   <script>     basket.require({ url:'/scripts/jquery.js' }) </script> </body> </html>

如你所見，首先導(dǎo)入Basket.js需要的RSVP庫。然后回到Basket本身，在body中可以執(zhí)行require函數(shù)，從某個地方加載jQuery。

第一次打開頁面時，應(yīng)該看到：

3個很棒的小眾JavaScript庫分別是哪些

jQuery是通過網(wǎng)絡(luò)正常請求的。

但隨著頁面的重新加載：

3個很棒的小眾JavaScript庫分別是哪些

jQuery不再列在Network選項(xiàng)卡中，它是從本地存儲加載。

以上就是整個“魔法”過程。

3. Pill

Official Github

“Pill將動態(tài)內(nèi)容加載添加到靜態(tài)站點(diǎn)，并使內(nèi)容加載更為順暢。”壓縮后大約為1KB。

Pill的開發(fā)始于這篇推文：https://twitter.com/sitnikcode/status/1109626507331338240

精髓：大多數(shù)人使用單頁應(yīng)用程序來運(yùn)行web應(yīng)用程序，點(diǎn)擊時，不會加載整個新頁面。在大多數(shù)SPA框架中，這是因?yàn)樗袃?nèi)容都基于一個index.html。

但如果有多個靜態(tài)頁面呢?Pill能夠幫你解決。

根據(jù)需要，它將獲取服務(wù)器上其他HTML文件的內(nèi)容，并將當(dāng)前內(nèi)容替換為新的已獲取內(nèi)容。

這是巨大的性能改進(jìn)，因?yàn)槲覀兊膽?yīng)用程序不再要求一個完整的新頁面。

重要的內(nèi)容剛剛被替換。

使用Pill，能攔截導(dǎo)航嘗試，自動完成上述步驟。

Pill最好的一點(diǎn)是，它會通過一個個示例來記載，確保檢查所有的東西：你可以在GitHub上找到代碼

(https://GitHub.com/rumkin/pill/tree/master/example)

看完上述內(nèi)容，你們掌握3個很棒的小眾JavaScript庫分別是哪些的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁題目：3個很棒的小眾JavaScript庫分別是哪些
網(wǎng)頁URL：http://chinadenli.net/article16/gopogg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、全網(wǎng)營銷推廣、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計、Google、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化