回顾今年已发布的JS框架和库,我们针对地筛选了一些能够提供直接和具体功能的免费JavaScript插件和库,与大家分享。它们可不是臃肿的一站式框架,而是一些轻量级,并能够帮助你更快、更容易地进行网页设计与开发的实用型框架。
正如你期望的,文中的一些插件可用来创建滑块、图片库、响应式菜单、弹出式窗口以及许多其他常见的组件。同时,你也可以发现一些能够提供独特功能的插件,像旁注工具、GIF预览、动画图标等。
或许,你可能还想了解下 2015年50个最佳的JavaScript集合,以及 50个最佳的免费jQuery插件。
1. Choreographer-js

Choreographer.js是一个用于处理复杂动画的简单库。
2. Leaflet.js

Leaflet.js是一个开源的移动友好交互式地图JavaScript库。体积仅有33 KB.
3. Lory

Lory是一个由Vanilla JavaScript编写的拥有触摸功能的简约滑块。
4. CurrencyFormatter.js

CurrencyFormatter.js是一款简单实用的纯JS格式化货币库。它支持155种不同国家的货币格式,并且gzip压缩后仅有7KB .
5. Arc

Arc(Atomic React)是一个基于原子设计模式的React应用程序入门套件。
6. Egjs

Egjs是一个基于jQuery的具备UI交互,效果和实用程序的小型组件库。
7. Shave.js

Shave是一个用于截断Html元素中文本的现代JavaScript插件。
8. Next.js

Next.js是一个用于服务器渲染React应用程序的简约框架。
9. jQuery Linechart

jQuery Linechart是一个用于构建简单图表的新型jQuery插件。
10. Blueprint

Blueprint是React UI组件的集合,它涵盖了Web上的常见界面元素、模式以及交互。
11. Tabulator

Tabulator是一个易用的交互式jQuery表单生成插件。
12. baguetteBox.js

baguetteBox.js是一个简单、易用的响应式Lightbox图片库。它支持移动端上触滑动手势操作。同时,它还是用纯JavaScript编写的。
13. ScrollReveal

无论是为桌面,或是移动浏览器,ScrollReveal插件都可以轻松、快速的帮助你为其创建页面滚动显示动画。
14. Marginotes

Marginotes是一款使用jQuery实现的添加旁注插件。它能够使用HTML属性中提供的文本向边距添加相应的注释。如果jQuery不是你的“菜”,它还有个不含jQuery的版本。
15. Loud Links

Loud Links是一个轻量级JavaScript库,用于向您的网站添加交互音频。它通过创建HTML5音频元素,来播放MP3或OGG格式的音频文件。
16. Bricks.js

Bricks.js是一个用于固定宽度元素的快速堆砌布局生成器。
17. MediumEditor

MediumEditor是一个用Vanilla JavaScript编写的,轻量级用于模仿Medium的开源编辑器。同时,它还有一些可选的Mediaditor扩展与主题。
18. Philter

无论是作为一款jQuery插件或是Vanilla JS框架,Philter均提供了通过HTML属性来控制CSS滤镜的方法。
19. SuperEmbed.js
SuperEmbed.js是一个JavaScript库,它可检测出网页上的内嵌视频(涉及YouTube、Vimeo、Vine、VideoPress、DailyMotion等)并使他们变成响应式元素。
20. Substance

Substance是一个基于Web内容编辑的JavaScript库。它为你提供了创建自定义文本编辑器,以及基于Web发布系统所需的所有工具。
21. List.js

List.js是一个轻量级、快速的Vanilla JavaScript脚本。它能为列表、表或任何HTML生成具备搜索、排序、过滤以及灵活性的列表。
22. jqGifPreview

jqGifPreview是一个简单的jQuery插件,用于创建GIF预览。类似你在Facebook上看到的那样。
23. Datedropper.js

Datedropper.js是一个jQuery插件,它提供了一个简便的方法来管理输入区域的日期。
24. jfMagnify

jfMagnify是一个jQuery插件,它可以为任何HTML元素创建放大镜效果,而不仅仅是图像。
25. jQuery formBuilder

jQuery formBuilder是一个可视化的jQuery插件。你可以用快速拖放的方式来创建表单。
26. Popper.js

Popper.js是一个轻量级(压缩后4kb)库,用于管理poppers,tooltips和popovers .只需要一行代码,你就可以快速、简单的对tooltips进行定位。
27. Image Blur Plugin

Image Blur Plugin是一个轻量级用于图像模糊的跨浏览器jQuery插件。
28. InlineTweet.jsInlineTweet.js能帮助你轻松地从网页的任何文本上,创建推特表格的分享。而你只需要在带有data-inline-tweet的容器中填好推特的分享文本即可。
29. iMissYou.js

iMissYou.js是一个轻便小巧的jQuery插件。它用于当用户离开你的网页时,更改网页的标题和图标。
30. SweetAlert2

SweetAlert2是一个漂亮、可定制的JS弹窗插件,它用于替代浏览器默认的弹窗效果。
31. Turntable.js

Turntable.js是一个响应的jQuery滑块插件。当你的鼠标(或手指)扫过容器时会产生翻转效果。
32. Force.js

Force.js是一个JavaScript库,它可以轻松地让HTML元素在网页上产生动画、页面滚动的效果。
33. Push.jsPush.js是一个用于启动和运行Javascript桌面通知的跨浏览器解决方案。
34. Bideo.js

Bideo.js是一个可轻松为网页添加全屏背景视频的JS库。
35. Microlight.js

Microlight.js是一个适用于任何编程语言的轻量级代码高亮库,使用它后可大大提高代码的可读性。
36. Algolia Places

Algolia Places是一个易用的JavaScript库。当你在网站上使用地址搜索时,它可以提供一种快速自动填充地址的功能。
37. Flatpickr

Flatpickr是一款轻量级的日期选择控件。它由Vanilla JavaScript所编写。
38. Slidebars

Slidebars是一个轻量级jQuery框架,它用于创建具有移动端应用样式的off-canvas菜单界面和侧边栏。
39. anime.js

anime.js是一个轻量级、灵活的JavaScript动画库。它适用于CSS、SVG、DOM属性和JS对象。
40. Cleave.js

Cleave.js是一款简单插件,用于输入框内容的格式化。
41. Skippr

Skippr是一个超简单、轻量级的jQuery幻灯片插件。
42. iziModal.js

iziModal.js是一个融合优雅、响应式、灵活、轻量级于一身的现代jQuery插件。
43. Lightgallery.js

Lightgallery.js是一个功能齐全的JavaScript Lightbox库,同时它没有任何依赖。
以上就是本文的分享,那么还少了7个框架,它们去哪里了?
鬼知道!!一脸懵逼(/□)....
那么,程小狮就将其补全吧!
44. Progressively

Progressively是一个用于逐步加载图片的JavaScript库。由于它完全用JavaScript所编写,所以它不依赖于像jQuery这样的第三方库。同时,它的体积也超级小(gzip压缩后<1.2kB)当用户浏览到页面上加载的图片时,它能够有效的节省带宽和服务器请求。
45. Features.js

Feature.js是一个快速、简单、轻量级的浏览器功能检测库。它没有任何的依赖,并且gzip压缩后仅有1kb.
46. UAParser.js

UAParser.js是一个轻量级基于JavaScript的User-Agent字符串解析库。用于识别Web浏览器的详细类型、布局引擎、操作系统、CPU架构和设备类型/模型。它支持browser和node.js环境,也可作为jQuery / Zepto的插件,Bower / Meteor的包,以及RequireJS / AMD的模块。
47. Monkberry

Monkberry是一个快速,小巧(1kb)的用于构建Web用户界面的JavaScript库。
48. viewScroller.js

viewScroller.js是一个小巧易用的解决方案,它可以帮助你创建全页滚动网站。
49. Appmetrics.js

Appmetrics.js是一个用来测量Web应用程序的小型JS库,并把结果报告发送到Google Analytics上。
50. Senna.js

Senna.js是一个轻量级、快速的单页面应用程序引擎,它提供了几个低级的API,你可以借助它来构建现代的Web应用程序。同时,它压缩后的大小只有15 KB,没有任何依赖。
网友评论