JavaScript框架和庫

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

年度技術盤點:50個最佳輕量級JavaScript框架和庫

無論是為桌面,或是移動瀏覽器,ScrollReveal插件都可以輕松、快速的幫助你為其創建頁面滾動顯示動畫。

14. Marginotes


Marginotes是一款使用jQuery實現的添加旁注插件。它能夠使用HTML屬性中提供的文本向邊距添加相應的注釋。如果jQuery不是你的“菜”,它還有個不含jQuery的版本。

15. Loud Links

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Loud Links是一個輕量級JavaScript庫,用于向您的網站添加交互音頻。它通過創建HTML5音頻元素,來播放MP3或OGG格式的音頻文件。

16. Bricks.js

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Bricks.js是一個用于固定寬度元素的快速堆砌布局生成器。

17. MediumEditor

年度技術盤點:50個最佳輕量級JavaScript框架和庫

MediumEditor是一個用Vanilla JavaScript編寫的,輕量級用于模仿Medium的開源編輯器。同時,它還有一些可選的Mediaditor擴展與主題。

18. Philter

年度技術盤點:50個最佳輕量級JavaScript框架和庫

無論是作為一款jQuery插件或是Vanilla JS框架,Philter均提供了通過HTML屬性來控制CSS濾鏡的方法。

19. SuperEmbed.js
SuperEmbed.js是一個JavaScript庫,它可檢測出網頁上的內嵌視頻(涉及YouTube、Vimeo、Vine、VideoPress、DailyMotion等)并使他們變成響應式元素。

20. Substance

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Substance是一個基于Web內容編輯的JavaScript庫。它為你提供了創建自定義文本編輯器,以及基于Web發布系統所需的所有工具。

21. List.js

年度技術盤點:50個最佳輕量級JavaScript框架和庫

List.js是一個輕量級、快速的Vanilla JavaScript腳本。它能為列表、表或任何HTML生成具備搜索、排序、過濾以及靈活性的列表。

22. jqGifPreview

年度技術盤點:50個最佳輕量級JavaScript框架和庫

jqGifPreview是一個簡單的jQuery插件,用于創建GIF預覽。類似你在Facebook上看到的那樣。

23. Datedropper.js

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Datedropper.js是一個jQuery插件,它提供了一個簡便的方法來管理輸入區域的日期。

24. jfMagnify

年度技術盤點:50個最佳輕量級JavaScript框架和庫

jfMagnify是一個jQuery插件,它可以為任何HTML元素創建放大鏡效果,而不僅僅是圖像。

25. jQuery formBuilder

年度技術盤點:50個最佳輕量級JavaScript框架和庫

jQuery formBuilder是一個可視化的jQuery插件。你可以用快速拖放的方式來創建表單。

26. Popper.js

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Popper.js是一個輕量級(壓縮后4kb)庫,用于管理poppers,tooltips和popovers .只需要一行代碼,你就可以快速、簡單的對tooltips進行定位。

27. Image Blur Plugin

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Image Blur Plugin是一個輕量級用于圖像模糊的跨瀏覽器jQuery插件。

  1. InlineTweet.jsInlineTweet.js能幫助你輕松地從網頁的任何文本上,創建推特表格的分享。而你只需要在帶有data-inline-tweet的容器中填好推特的分享文本即可。

29. iMissYou.js

年度技術盤點:50個最佳輕量級JavaScript框架和庫

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

30. SweetAlert2

年度技術盤點:50個最佳輕量級JavaScript框架和庫

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

31. Turntable.js

年度技術盤點:50個最佳輕量級JavaScript框架和庫

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

32. Force.js

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Force.js是一個JavaScript庫,它可以輕松地讓HTML元素在網頁上產生動畫、頁面滾動的效果。

  1. Push.jsPush.js是一個用于啟動和運行Javascript桌面通知的跨瀏覽器解決方案。

34. Bideo.js

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Bideo.js是一個可輕松為網頁添加全屏背景視頻的JS庫。

35. Microlight.js

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Microlight.js是一個適用于任何編程語言的輕量級代碼高亮庫,使用它后可大大提高代碼的可讀性。

36. Algolia Places


Algolia Places是一個易用的JavaScript庫。當你在網站上使用地址搜索時,它可以提供一種快速自動填充地址的功能。

37. Flatpickr

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Flatpickr是一款輕量級的日期選擇控件。它由Vanilla JavaScript所編寫。

38. Slidebars

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Slidebars是一個輕量級jQuery框架,它用于創建具有移動端應用樣式的off-canvas菜單界面和側邊欄。

39. anime.js


anime.js是一個輕量級、靈活的JavaScript動畫庫。它適用于CSS、SVG、DOM屬性和JS對象。

40. Cleave.js

年度技術盤點:50個最佳輕量級JavaScript框架和庫

Cleave.js是一款簡單插件,用于輸入框內容的格式化。

41. Skippr


Skippr是一個超簡單、輕量級的jQuery幻燈片插件。

42. iziModal.js


iziModal.js是一個融合優雅、響應式、靈活、輕量級于一身的現代jQuery插件。

43. Lightgallery.js


Lightgallery.js是一個功能齊全的JavaScript Lightbox庫,同時它沒有任何依賴。

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. Senna.js


Senna.js是一個輕量級、快速的單頁面應用程序引擎,它提供了幾個低級的API,你可以借助它來構建現代的Web應用程序。同時,它壓縮后的大小只有15 KB,沒有任何依賴。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,923評論 6 535
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,740評論 3 420
  • 開封第一講書人閱讀 176,856評論 0 380
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,175評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,931評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,321評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,383評論 3 443
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,533評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,082評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,891評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,067評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,618評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,319評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,732評論 0 27
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,987評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,794評論 3 394
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,076評論 2 375

推薦閱讀更多精彩內容