编程语言3个很棒的小众JavaScript库

作者:读芯术更新于： 2020-03-12 20:28:15

3个很棒的小众Javascript库，你值得拥有。编程语言往往使程序员能够比使用机器语言更准确地表达他们所想表达的目的。对那些从事计算机科学的人来说，懂得程序设计语言是十分重要的，因为在当今所有的计算都需要程序设计语言才能完成。

JavaScript有很多库，每个人都已经对最重要和最受欢迎的库做过总结，但很快再次迷失。

在本文中，小芯将分享3个鲜为人知但非常强大，且很小的JavaScript库，这些库将使你的生活变得简单，也不会给你的web应用程序增加不必要的负担。

编程语言3个很棒的小众JavaScript库_编程语言_计算机_Javascript_课课家

1. JS-cookie

OfficialGitHub

在浏览器中使用cookies可能会非常费力。JS cookies让这件事变得简单多了，现在我们将学习基本知识。

通过CDN实施：

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

设置一个名为“name”的cookie键，其值为“Max”

Cookies.set(‘name’, ‘Max’)

获取密钥为“name”的cookie值

Cookies.get(‘name’) // 'Max'

创建cookie，让它在7天后过期

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

删除cookie

Cookies.remove(‘name’)

得出所有cookie

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

来源：Pexels

2. Basket.js

OfficialDocumentation

Basket.js是一个极简的脚本加载程序库，压缩后只有0.7kB。

(它使用的另一个库压缩后大约为5kB，如https://github.com/addyosmani/basket.js/issues/61中所述，但仍然很小)

但是basket.js不仅可以加载外部JavaScript，还可以将其缓存在浏览器的本地存储中，这样在下一页请求时，就不必再次通过网络请求外部JavaScript，而只需从本地存储中加载即可。

但为什么是本地存储而不是浏览器缓存呢?

首先，我个人认为通过JS库在web页面代码中缓存JavaScript文件要容易得多，通常是从服务器端缓存的。使用Basket.js，很容易在代码中使用JavaScript动态控制脚本缓存。

我们试试看：

实际的API并没有那么复杂。我认为你可以自己探索一下文档，在下面的简单示例中，我们只使用basket.require，因为它是整个库的核心。

basket.require()
basket.get()
basket.remove()
basket.clear()

使用basket.require，我们可以通过basket加载JS文件。然后这个文件被缓存在本地存储中，正如前文所述，下一次basket.require请求这个文件，例如，当重新加载页面时，basket将首先在缓存中查找。或者如果文件已经缓存在那里，它将通过本地存储加载文件，而不是通过网络再次发出请求。

index.html：

在这里你可以找到库：