一、公共CDN

当需要使用标签来引入一些库的时候,使用公共的CDN是一个不错的选择,稳定性和速度都有一定的保障。
下面就列出两个我平时常用的公共CDN:

1. 字节跳动

字节跳动静态资源公共库是我平时用的比较多的一个公共CDN,速度快且数量较多。大多数js插件都能在这里找到。

2. 七牛云

Staticfile CDN也是一个非常不错的公共CDN,字节搜不到的插件在这里大多数都能搜到。顺便一提,我博客的默认CDN也是使用的这个。

二、小小的也很可爱

那些仅有几K的js插件

1. clipboard.js(复制到剪切板)

大小在 3kb 左右,使用简单,一行代码就可实现复制到剪切板。

官网:https://clipboardjs.com/
中文文档:https://clipboardjs.bootcss.com/

2. Notfy(消息提示)

大小也在 3kb 左右,支持自定义,个人感觉非常好用且好看。

演示站:https://carlosroso.com/notyf/
项目地址:https://github.com/caroso1222/notyf
中文文档:https://f2ex.cn/notyf-toast-javascript/

3. day.js(时间格式化)

一个轻量的处理时间和日期的 JavaScript 库,仅 2kb 大小

项目地址:https://github.com/iamkun/dayjs
官方文档:https://day.js.org/
官方中文文档:https://dayjs.gitee.io/zh-CN/
Day.js中文网(我看的是这个):https://dayjs.fenxianglu.cn/

4. lately(相对时间)

原生 JavaScript,仅 800 字节!却简单、好用的 Timeago 插件。(发现自林木木大佬)

项目地址:https://github.com/Tokinx/Lately
官方文档:https://tokinx.github.io/lately/

5. macy.js(瀑布流)

一款非常轻量级的纯原生JS的瀑布流插件,4kb左右。我还没用过,有空可以尝试一下。

演示站:http://macyjs.com/
项目地址:https://github.com/bigbite/macy.js

6. waterfall.js(瀑布流)

1KB,无需任何依赖关系即可工作。(发现自林木木大佬)

演示站:https://raphamorim.io/waterfall.js/
项目地址:https://github.com/raphamorim/waterfall.js

7. imgStatus.js(图片加载状态)

不到1kb,检测图片加载状态,可以搭配 waterfall.js 实现图片的瀑布流。(发现自林木木大佬)

演示站:http://raphamorim.io/imgStatus/
项目地址:https://github.com/raphamorim/imgStatus

8.barba.js

可以帮助你在单页应用程序中实现流畅的页面过渡效果。它基于 AJAX 技术,在不刷新整个页面的情况下,加载和替换网页内容。7kb左右。
还没用过,看样子类似pjax+动画过渡?

官方文档:https://barba.js.org/
项目地址:https://github.com/barbajs/barba

9. GitHub Corners(Github角标)

这个其实不算是插件,但是可能有人需要,就顺便放一下吧。
作用:在网站的右(左)上角添加一个Github标志,点击可跳转到Github地址。开源项目可用。

工具站:https://tholman.com/github-corners/
项目地址:https://github.com/tholman/github-corners

三、好,好大!

1. Animate.css(动画库)

一个现成的跨浏览器动画库,可用于您的 Web 项目。这个应该都知道,纯粹做个记录。

项目地址:https://github.com/animate-css/animate.css
官方文档:https://animate.style/

2. Swiper (轮播图)

梅开二度,这个库也是纯粹记录。

项目地址:https://github.com/nolimits4web/swiper
官方文档:https://swiperjs.com/
Swiper中文网:https://www.swiper.com.cn/

3. echarts (数据可视化)

梅开三度。

项目地址:https://github.com/apache/echarts
官方文档:https://echarts.apache.org/zh/index.html

4. editor(Markdown编辑器)

开源在线 Markdown 编辑器

项目地址:https://github.com/pandao/editor.md
官方文档:http://editor.md.ipandao.com/

5. wangEditor(富文本编辑器)

开源 Web 富文本编辑器,开箱即用,配置简单。(发现自轻笑giegie)

项目地址:https://github.com/wangeditor-team/wangEditor
官方文档:https://www.wangeditor.com/

6. wowjs(网页滚动动画)

滚动时显示动画。博客用到了该插件,但是我还没用过该插件。

演示站:https://www.delac.io/WOW/
项目地址:https://github.com/matthieua/WOW

7. winbox(仿windows弹窗)

一个很完善的弹窗库,界面类似于windows窗口。API 丰富,本站切换背景的弹窗就是使用的这个。

演示站:https://nextapps-de.github.io/winbox/
项目地址:https://github.com/nextapps-de/winbox

8. AlertifyJS(弹窗+通知)

最近发现的一个库,可以弹出窗口,也可以弹出右下角提示,我还没用过。

演示站:https://alertifyjs.com/
项目地址:https://github.com/MohammadYounes/AlertifyJS

四、最后

打劫!把你私藏的好用的库统统给我交出来!