介绍一些精简而高效的前端库/插件，用于优化网页的加载速度和提升网页的视觉体验。

在 Leonus 博客中发现了 前后端好用的库/包/插件合集，特别是里面小小的插件，对于加载速度慢的WordPress 很是友好。

比如我现在博客已经用上了 lately.js 以及其他的小插件，下面阿斌就分享一下自己收集的小插件。

Moment.js

Moment.js （18kB）在 JavaScript 中解析、校验、操作、显示日期和时间，与之类似的 Day.js（Moment.js 的 2kB 轻量化方案）

• luxon
• date-fns

js-screen-shot

js-screen-shot（899kB）一个用于在 web 项目中实现截图功能的库。

ztext.js

ztext.js （3.8kB）一个 3D 文字展示 的 JavaScript 库，很是炫酷。

Masonry

Masonry 一个瀑布流布局的 JavaScript 库，这个网站下还有几个有趣的库，可玩性不少。

qrcanvas

qrcanvas 一个生成二维码的 JavaScript 库，还支持自定义背景。

Tippy.js

Tippy.js 一个消息弹出框的 JavaScript 库，可用于某些地方的辅助提示

• Floating UI

anime.js

anime.js 一个轻量级的 JavaScript 动画库

• popmotion
• GSAP

动态打字机

TypeIt

TypeIt（4kB） 是一个动态打字机效果的 JavaScript 库

Typed.js

Typed.js 是一个动态打字机效果的 JavaScript 库

Typed.js 演示站

typewriterjs

typewriterjs 是另一个轻量级的打字效果库，它提供了简单的 API 和配置选项，可以让您轻松地为文本创建打字效果。

Textillate.js

Textillate.js 是一个基于 jQuery 的打字效果库，它可以为文本添加动态的打字和淡入淡出效果。虽然它依赖于 jQuery，但是它非常简单易用。

灯箱插件

Fancybox

Fancybox 是一个功能丰富且易于使用的灯箱库，它支持图像、视频、HTML 内容等多种类型的展示。它具有可自定义的外观和交互选项。

ViewImage.js

ViewImage.js（2kb），小巧卓越的原生JavaScript灯箱插件

Zooming

zooming（3.46kB）

其他

• lightGallery：一个可定制的、模块化的、响应式的灯箱图库插件。
• PhotoSwipe：适用于移动和桌面的 JavaScript 图像库，模块化，独立于框架
• Magnific Popup 是一个响应式灯箱和对话框脚本，专注于性能
• baguetteBox.js：用纯 JavaScript 编写的灯箱脚本，简单易用
• Viewer.js

Tocbot

Tocbot 是一个目录的 JavaScript 库

driver.js

driver.js 是一个网页功能说明引导工具

fullPage.js

fullPage.js 单页滚动部分网站插件

clipboard.js

clipboard.js：复制到剪贴板插件

撒花动画

• canvas-confetti：一行代码完整撒花效果（效果预览）

总结

有了这些体积小的前端库，可以替换掉那些臃肿的库了，这样页面的加载速度又可以提升一些了。快快用起来吧。