推薦輕量高效無依賴的開源JS外掛和庫

小弟調調™發表於2016-11-30

在這裡維持一個持續更新的地方

圖片

佈局

  • SuperEmbed.js - 是一個Javascript庫,可檢測出網頁上的內嵌視訊並使他們能夠變成響應式元素。demo
  • ScrollReveal - ScrollReveal外掛使使用者能夠無比輕鬆地建立桌面和移動瀏覽器的網頁滾動動畫。demo
  • Bricks.js - 是一款超快的用於固定寬度元素的“磚石”佈局生成器。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

動畫

時間

  • 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

相關文章