2016年31款轻量高效的开源JavaScript插件和库（下）

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

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

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

17、InlineTweet.js

（https://github.com/ireade/inlinetweetjs/）

InlineTweet.js，你可以通过它轻易地用网页上的任何文字创建一个推特链接。你所需要做的是用data-inline-tweet将推特文字包裹到一个容器

可以点击DEMO，体验该插件的效果

DEMO：http://ireade.github.io/inlinetweetjs/

 

18、iMissYou.js

（https://github.com/Bahlaouane-Hamza/I-Miss-You）

iMissYou.js是个轻便小巧的jQuery插件用于当用户离开你的网页时，改变网页的标题和图标

 

 

19、SweetAlert2

（https://github.com/limonte/sweetalert2）

SweetAlert2是一个颜值很高而且可以自定义的警告弹出窗口插件，可以代替Javascript的弹出窗口

DEMO：https://limonte.github.io/sweetalert2/

 

20、Turntable.js

（https://github.com/polarnotion/turntable/）

Turntable.js是一个响应式的jQuery滑块插件，会在当你的鼠标(或手指)扫过一个存放了一批图片的容器时产生翻转效果

DEMO：http://polarnotion.github.io/turntable/

21、Push.js

（https://www.oschina.net/p/push-js）

Push.js是一个跨浏览器的Javascript桌面通知插件

DEMO：https://rishabhp.github.io/bideo.js/

22、Bideo.js

（https://github.com/rishabhp/bideo.js）

Bideo.js是一个Javascript库，能非常轻易添加全屏背景视频到网页

DEMO：https://rishabhp.github.io/bideo.js/

 

23、Microlight.js

（https://github.com/asvd/microlight）

Microlight.js是一个轻量级的代码高亮库，适用于任何编程语言，这大大提高了代码可读性（约2.2KB）

DEMO：https://asvd.github.io/microlight/

 

24、Algolia Places

（https://github.com/algolia/places/）

Algolia Places是一个Javascript库，能让你在网页轻易实现搜索栏自动完成功能

DEMO：https://community.algolia.com/places/

25、flatpickr

（https://github.com/chmln/flatpickr）

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

DEMO：https://chmln.github.io/flatpickr/

26、Slidebars

（https://github.com/adchsm/Slidebars）

Slidebars是一个jQuery框架，用于为你的网页或web应用添加off-canvas菜单和侧边栏

DEMO：https://www.adchsm.com/slidebars/

27、anime.js

（https://github.com/juliangarnier/anime）

anime.js是一个灵活轻便的JavaScript动画库。它通过CSS，独立变换，SVG，DOM属性和JS对象实现。这个GIF没有表现出它真正的效果，大家可以访问主页看一下，动画相当酷炫。

DEMO：http://codepen.io/collection/XLebem/

28、Cleave.js

（https://github.com/nosir/cleave.js/）

Cleave.js会在你输入时格式化你的标签里面的内容

DEMO：http://nosir.github.io/cleave.js/

29、Skippr

（http://www.github.com/austenpayan/skippr）

Skippr是一个超级简单的jQuery轻量级幻灯片插件

DEMO：http://austenpayan.github.io/skippr/

 

30、iziModal.js

（https://www.oschina.net/p/izimodal-js）

iziModal.js是一个优雅的，响应式的，灵活和轻便的jQuery插件。

DEMO：http://izimodal.marcelodolce.com/

 

31、Lightgallery.js

（https://github.com/sachinchoolur/lightgallery.js）

Lightgallery.js是一个功能齐全的JavaScript图像灯箱插件，没有任何依赖。

DEMO：https://sachinchoolur.github.io/lightgallery.js/

原文链接：http://www.ithome.com/html/it/261810.htm