2016 年 50 個最佳的輕量級 JavaScript 框架和庫

做者：IT程序獅
連接：https://zhuanlan.zhihu.com/p/24598210
來源：知乎
著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。

回顧今年已發佈的 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

iMissYou.js 是一個輕便小巧的 jQuery 插件。它用於當用戶離開你的網頁時，更改網頁的標題和圖標。

30. SweetAlert2

SweetAlert2 是一個漂亮、可定製的 JS 彈窗插件，它用於替代瀏覽器默認的彈窗效果。

31. Turntable.js

Turntable.js 是一個響應的 jQuery 滑塊插件。當你的鼠標(或手指)掃過容器時會產生翻轉效果。

32. Force.js

Force.js 是一個 JavaScript 庫，它能夠輕鬆地讓 HTML 元素在網頁上產生動畫、頁面滾動的效果。

33. Push.js

Push.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，沒有任何依賴。