年度技术盘点：50个最佳轻量级JavaScript框架和库

回顾今年已发布的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，没有任何依赖。