前后端好用的库/包/插件合集
一、公共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
四、最后
打劫!把你私藏的好用的库统统给我交出来!