年终盘点！2016 年最佳的轻量级 JavaScript 框架和库

2顶
0踩

2016-12-28 15:27 by 副主编 jihong10102006 评论(0) 有10716人浏览

javascript jquery 框架前端

回顾今年已发布的 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.js
InlineTweet.js 能帮助你轻松地从网页的任何文本上，创建推特表格的分享。而你只需要在带有data-inline-tweet的容器中填好推特的分享文本即可。

29. iMissYou.js