目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能。其实,其中也有不少轻量级的插件和库,它们不仅轻巧有用,而且不会影响网站的性能。本文,就为大家整理了2016年以来30多款轻量级Javascript插件和库的列表,这些工具服务于特定的目标,并且它们能够非常有效和高效地实现目标。 不管你想创建一个图片库、一个滑动效果,个性化菜单还是其他接口元素,你都可以用这些插件和库轻易的实现。同时,你还可以使用这些插件为网站增加出色的功能,例如GIF和图片预览、吸引人的网站图标及其他。 这些插件和库都是非常简单的编码并且可以轻易实现。你以后肯定会发现它们对于你的Web项目非常有用。 0 baguetteBox.js DEMO:https://feimosi.github.io/baguetteBox.js/ 1 ScrollReveal 请各位自行打开DEMO页面感受一下动画效果。: ) DEMO:https://scrollrevealjs.org/ 2 Marginotes 3 Loud Links 还是烦请各位打开下面的链接感受一下效果。: ) DEMO:http://loudlinks.rocks/#examples 4 Bricks.js 可以在DEMO页面输入所需的砖块个数,查看生成的效果(每次都会随机变化) DEMO:http://callmecavs.com/bricks.js/ 5 MediumEditor DEMO:https://yabwe.github.io/medium-editor/ 6 Philter DEMO:http://specro.github.io/Philter/ 7 SuperEmbed.js DEMO:https://jsfiddle.net/h6x04LuL/ 8 Substance DEMO:http://substance.io/ 9 List.js 10 jqGifPreview
DEMO:http://demo.sodhanalibrary.com/angular/gif_preview/jqGifPreview/demo.html 11 Datedropper.js DEMO:http://felicegattuso.com/projects/datedropper/ 12 jfMagnify DEMO:https://github.com/fonstok/jfMagnify/tree/master/demo 13 jQuery formBuilder DEMO:https://formbuilder.online/ 14 Popper.js
15 Image Blur Plugin DEMO:https://msurguy.github.io/background-blur/ 16 InlineTweet.js 可以点击DEMO,体验该插件的效果 DEMO:http://ireade.github.io/inlinetweetjs/ 17 iMissYou.js 18 SweetAlert2 DEMO:https://limonte.github.io/sweetalert2/ 19 Turntable.js DEMO:http://polarnotion.github.io/turntable/ 20 Push.js DEMO:http://nickersoft.github.io/push.js/ 21 Bideo.js DEMO:https://rishabhp.github.io/bideo.js/ 22 Microlight.js DEMO:https://asvd.github.io/microlight/ 23 Algolia Places DEMO:https://community.algolia.com/places/ 24 flatpickr DEMO:https://chmln.github.io/flatpickr/ 25 Slidebars DEMO:https://www.adchsm.com/slidebars/ 26 anime.js DEMO:http://codepen.io/collection/XLebem/ 27 Cleave.js DEMO:http://nosir.github.io/cleave.js/ 28 Skippr DEMO:http://austenpayan.github.io/skippr/ 29 iziModal.js DEMO:http://izimodal.marcelodolce.com/ 30 Lightgallery.js DEMO:https://sachinchoolur.github.io/lightgallery.js/ && https://codepen.io/sachinchoolur/pen/qNyvGW |