推薦輕量高效無依賴的開源JS插件和庫

fchen 8年前發布 | 11K 次閱讀 開源 JavaScript開發 JavaScript

圖片

  • baguetteBox.js - 是一個簡單易用的響應式圖像燈箱效果腳本。 demo
  • Lightgallery.js - 是一個功能齊全的JavaScript圖像燈箱插件。 demo
  • viewerjs - 是一個圖像預覽插件。 demo
  • cropperjs - 是一個圖片編輯器插件。 demo
  • photo-editor - 是一個本地圖片編輯器插件。 demo
  • blazy.js - 是一個懶惰加載插件。 demo

布局

  • SuperEmbed.js - 是一個Javascript庫，可檢測出網頁上的內嵌視頻并使他們能夠變成響應式元素。 demo
  • ScrollReveal - ScrollReveal插件使用戶能夠無比輕松地創建桌面和移動瀏覽器的網頁滾動動畫。 demo
  • Bricks.js - 是一款超快的用于固定寬度元素的“磚石”布局生成器。 demo

輪播圖

  • Swipe - 準確的觸摸滑塊。 demo

彈出層

  • Popper.js - 是一個輕量級的庫用于管理工具提示和彈窗效果。 demo
  • SweetAlert2 - 是一個顏值很高而且可以自定義的警告彈出窗口插件，可以代替Javascript的彈出窗口。 demo
  • artDialog - 是一個經典、優雅的網頁對話框控件。 demo
  • layer - 是一個web彈層組件。 demo

音頻視頻

  • Loud Links - 是一個輕量級的JavaScript庫用于添加交互聲音到您的站點。 demo
  • flv.js - B 站 HTML5 播放器內核開源。

編輯器

  • MediumEditor - 仿Medium.com的所見即所得在線編輯器工具欄。 demo
  • Substance - 是一個基于Web的內容自定義編輯器。 demo
  • flatpickr - 是一個輕量級的代碼高亮庫，適用于任何編程語言。 demo
  • pen - 是一個Markdown編輯器工具。 demo
  • aceAce（Ajax.org Cloud9 Editor）。 demo
  • CodeMirror瀏覽器端的代碼編輯器。 demo
  • esprima用于綜合分析的 ECMAScript 解析器。 demo
  • quill一個帶有 API 的跨瀏覽器富文本編輯器。( demo )
  • ckeditor-releases 適用于每個人的 web 文本編輯器。 demo
  • editor 一個 markdown 編輯器，但仍在開發中。 demo
  • EpicEditor 一個可嵌入的 js Markdown的編輯器，擁有全屏編輯、即時預覽、自動保存草稿和離線支持等功能。 demo
  • jsoneditor 查看、編輯和格式化 JSON 的 web 工具。 demo
  • vim.js  擁有持久化 ~/.vimrc 的 Vim 編輯器的 JavaScript 移植版本。 demo
  • Squire HTML5 富文本編輯器。 demo
  • TinyMCE JavaScript 富文本編輯器。 demo
  • trix 由 Basecamp 制作，適用于每天寫作的富文本編輯器。 demo

表單

  • validator.js - 輕量級的JavaScript表單驗證，字符串驗證。 demo
  • List.js - 是一個輕量級的為列表、表格或其他任何HTMLL標簽增加了搜索，排序，過濾器和靈活性等元素。 demo
  • Algolia Places - 是一個能讓你在網頁輕易實現搜索欄自動完成功能。 demo
  • Cleave.js - 是一個會在你輸入時格式化你的 <input/> 標簽里面的內容。 demo
  • validator.js - 是一個簡單、輕量級，但功能強大的 Validator 組件。 demo

存儲

  • store.js - 本地存儲localstorage的封裝，提供簡單的API。 demo
  • cookie.js - 對操作cookie的封裝，提供簡單的AIP 兼容IE6。 demo

動畫

  • anime.js - 是一個靈活輕便的JavaScript動畫庫。 demo
  • three.js - 是一個JS 3D庫。 demo
  • vivus - JavaScript庫，使SVG繪制動畫。 demo

時間

  • moment - 是一個日期處理類庫,用于解析、檢驗、操作、以及顯示日期。 demo
  • timesheet.js - 是一個時間展示片段插件。 demo
  • date.js - 是一個格式化時間、過去時間展示、解決因時區變更插件。

其它

  • hotkeys - 是一個強健的 Javascript 庫用于捕獲鍵盤輸入和輸入的組合鍵。 demo
  • clipboard.js - 現代復制到剪貼板。沒有Flash，gzip壓縮只有3KB 。 demo
  • translater.js - 這是一個利用HTML注釋的頁面翻譯解決方案。 demo
  • Push.js - 是一個跨瀏覽器的Javascript桌面通知插件。 demo
  • onlinenetwork - js判斷是否斷網了。
  • iNotify - 是一個實現瀏覽器的 title 閃爍、滾動、聲音提示、chrome、等系統通知。 demo
  • tesseract.js - 是一個文字識別轉換，可以運行在瀏覽器和服務器NodeJS上。 demo

CDN

 

來自：https://github.com/jaywcjlove/handbook/blob/master/Javascript/輕量高效的開源JavaScript插件和庫.md

 

 本文由用戶 fchen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！