目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库，但同时面临一个苦恼的问题：它们中的大多数实在是太累赘而且常常降低网站的性能。其实，其中也有不少轻量级的插件和库，它们不仅轻巧有用，而且不会影响网站的性能。本文就为大家整理了2016年以来30多款轻量级Javascript插件和库的列表，这些工具服务于特定的目标，并且它们能够非常有效和高效地实现目标。

不管你想创建一个图片库、一个滑动效果，个性化菜单还是其他接口元素，你都可以用这些插件和库轻易的实现。同时，你还可以使用这些插件为网站增加出色的功能，例如GIF和图片预览、吸引人的网站图标及其他。

这些插件和库都是非常简单的编码并且可以轻易实现。你以后肯定会发现它们对于你的Web项目非常有用。

0、baguetteBox.js

baguetteBox.js是一个简单易用的响应式图像灯箱效果脚本，而且在移动设备上支持滑动手势，完全使用Javascript编写。（压缩后大约2.7KB）

DEMO：https://feimosi.github.io/baguetteBox.js/

1、ScrollReveal

ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画（压缩后大约3.3KB）

请各位自行打开DEMO页面感受一下动画效果。：）

DEMO：https://scrollrevealjs.org/

2、Marginotes

Marginotes，使用jQuery实现的添加旁注插件，快速，炫酷。

DEMO：http://francisco.dance/

3、Loud Links

LoudLinks是一个轻量级的JavaScript库用于添加交互声音到您的站点。它通过创建HTML5音频元素并用它来播放MP3或OGG音频文件来实现这个功能。（约1.5KB）

还是烦请各位打开下面的链接感受一下效果。：）

DEMO：http://loudlinks.rocks/#examples

4、Bricks.js

Bricks.js，是一款超快的用于固定宽度元素的“砖石”布局生成器

可以在DEMO页面输入所需的砖块个数，查看生成的效果（每次都会随机变化）

DEMO：http://callmecavs.com/bricks.js/

5、MediumEditor

MediumEditor，使用了Vanilla Javascript框架。MediumEditor是一个轻量级的（28KB）仿Medium.com的所见即所得在线编辑器工具栏。还有一个可用的MediumEditor扩展和主题。

DEMO：https://yabwe.github.io/medium-editor/

6、Philter

Philter可以让你通过使用HTML属性控制CSS滤镜，使用它之后，当你将光标移动到图片上的时候，图片上会加载CSS滤镜。无论是作为jQuery插件还是Vanilla Javascript框架都可用。

DEMO：http://specro.github.io/Philter/

7、SuperEmbed.js

SuperEmbed.js是一个Javascript库，可检测出网页上的内嵌视频并使他们能够变成响应式元素（压缩后约1.6KB）

DEMO：https://jsfiddle.net/h6x04LuL/

8、Substance

Substance是一个基于Web的内容编辑JavaScript库。它给你提供所有你需要用于创建自定义编辑器和基于Web的发布系统的工具。

DEMO：http://substance.io/

9 List.js

List.js是一个轻量级的和快速的Vanilla JavaScript框架脚本，为列表、表格或其他任何HTMLL标签增加了搜索，排序，过滤器和灵活性等元素