您当前的位置: 首页 > 

@大迁世界

暂无认证

  • 1浏览

    0关注

    739博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

这三个精巧且很棒 JS 库,值得你亲手试试

@大迁世界 发布时间:2020-04-16 14:35:00 ,浏览量:1

在本文中,介绍3个鲜为人知,但功能非常强大且体积很小的 JavaScript 库,这些可以帮助提高开发效率,减轻开发难度,让你加班少少的,请收纳。

Basket.js

网址: https://addyosmani.com/basket.js/

Basket.js是一个极小的 JS 库,压缩后的大小仅为0.7 kB

Basket.js不仅用于加载外部 JavaScript,它还将它们缓存在浏览器的本地存储中,这样,在下一次请求页面时,外部 JavaScript 就不必再通过网络请求了,只需从本地存储中加载即可。

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

首先,我个人发现通过网页代码中的 JS 库缓存 JavaScript 文件要容易得多,该代码通常是从服务器端缓存的。使用Basket.js,现在可以很容易地使用代码中的JavaScript动态控制脚本缓存。

试一试

Basket.js的API并不那么复杂。你可以自行浏览文档,亲手试试。在我们的小示例中,仅使用basket.require,因为它是整个库的核心。

  • basket.require()

  • basket.get()

  • basket.remove()

  • basket.clear()

使用basket.require,我们可以通过basket加载JS文件。然后将该文件缓存在本地存储中(如前所述),并将在下一个 basket.require 缓存。例如 重新加载页面时,Basket会首先在缓存中查找,如果文件已经缓存在其中,它将通过本地存储加载文件,而不是通过网络再次请求文件。

index.html:

https://addyosmani.com/basket.js/dist/basket.min.jshttps://cdn.jsdelivr.net/npm/rsvp@4/dist/rsvp.min.jshttps://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js



  
                
关注
打赏
1664287990
查看更多评论
0.0392s