?

• 圖片
• 布局
• 輪播圖
• 彈出層
• 音頻視頻
• 編輯器
• 字符串
• 表單
• 存儲
• 動畫
• 時間
• 其它
• 加載器
• 構(gòu)建工具
• 測試
• 包管理器
• CDN

圖片

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

布局

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

輪播圖

• Swipe?- 準確的觸摸滑塊。demo
• Lory?- 是一個由 Vanilla JavaScript 編寫的擁有觸摸功能的簡約滑塊。demo
• baguetteBox.js?- 是一個簡單、易用的響應(yīng)式 Lightbox 圖片庫，它支持移動端上觸滑動手勢操作，無依賴。demo

彈出層

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

音頻視頻

• Loud Links?- 是一個輕量級的JavaScript庫用于添加交互聲音到您的站點。demo
• flv.js?- B 站 HTML5 播放器內(nèi)核開源。
• Loud Links?- 是一個輕量級 JavaScript 庫，用于向您的網(wǎng)站添加交互音頻。。demo

編輯器

• MediumEditor?- 仿Medium.com的所見即所得在線編輯器工具欄。demo
• Substance?- 是一個基于Web的內(nèi)容自定義編輯器。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 編輯器，但仍在開發(fā)中。demo
• EpicEditor?一個可嵌入的 js Markdown的編輯器，擁有全屏編輯、即時預(yù)覽、自動保存草稿和離線支持等功能。demo
• jsoneditor?查看、編輯和格式化 JSON 的 web 工具。demo
• vim.js??擁有持久化 ~/.vimrc 的 Vim 編輯器的?JavaScript 移植版本。demo
• Squire?HTML5 富文本編輯器。demo
• TinyMCE?JavaScript 富文本編輯器。demo
• trix?由 Basecamp 制作，適用于每天寫作的富文本編輯器。demo
• Editor.md?由 Basecamp 制作，適用于每天寫作的富文本編輯器。demo

字符串

• selecting?- 一個允許你獲取用戶選定文本的庫。
• string.js?- 額外的 JavaScript 字符串方法。demo
• he?- 健壯的 HTML 實體編碼/解碼器。
• multiline?- 多行字符串。
• query-string?- 解析和字符串化 URL 查詢字符串。
• URI.js?- URL 操作庫。demo
• jsurl?- 輕量的 URL 操作庫。
• sprintf.js?- 實現(xiàn)字符串格式化。
• url-pattern?- 讓 url 和其它字符串進行比正則表達式匹配更簡單。字符串和數(shù)據(jù)可相互轉(zhuǎn)化。
• Numeral.js?- 格式化和操作數(shù)字的 JS 庫。?demo

表單

• validator.js?- 輕量級的JavaScript表單驗證，字符串驗證。demo
• List.js?- 是一個輕量級的為列表、表格或其他任何HTMLL標(biāo)簽增加了搜索，排序，過濾器和靈活性等元素。demo
• Algolia Places?- 是一個能讓你在網(wǎng)頁輕易實現(xiàn)搜索欄自動完成功能。demo
• Cleave.js?- 是一個會在你輸入時格式化你的<input/>標(biāo)簽里面的內(nèi)容。demo
• validator.js?- 是一個簡單、輕量級，但功能強大的 Validator 組件。demo
• axios?- 是一個基于瀏覽器和node的HTTP請求庫，綠色環(huán)保只有12kb。

存儲

• store.js?- 本地存儲localstorage的封裝，提供簡單的API。demo
• cookie.js?- 對操作cookie的封裝，提供簡單的AIP 兼容IE6。demo
• store.js?- 為所有瀏覽器封裝了LocalStorage，隱秘地使用localStorage、globalStorage和用戶數(shù)據(jù)。
• localForage?- 改善后的離線存儲。封裝了IndexedDB、WebSQL和localStorage。demo
• cross-storage?- 獲得權(quán)限后，能跨域名本地存儲。
• basket.js?- 用 localStorage 加載和緩存腳本的資源加載器。demo
• bag.js?- 可以緩存腳本和加載資源，增加了鍵值對接口和對localStorage/websql/indexedDB 的支持。
• basil.js?- 智能的?JavaScript 數(shù)據(jù)持久層庫。
• Cookies?- 客戶端 Cookie 操作庫。
• DB.js?- 基于 Promise 的、封裝了 IndexedDB 的庫。demo
• lawnchair.js?- 簡單的客戶端 JSON 存儲。demo

動畫

• anime.js?- 是一個靈活輕便的JavaScript動畫庫。demo
• three.js?- 是一個JS 3D庫。demo
• loaders.css?- CSS 動畫加載效果。demo
• Hover.css?- 一款基于 CSS3 的懸停特效合集。demo
• Effeckt.css?- 一個包含眾多精妙的 CSS3 切換和動畫效果庫。demo
• Magic Animations?- 一個獨特的 CSS3 動畫特效包。demo
• Transformicons?- 一個結(jié)合 SVG、CSS 和 HTML 技術(shù)，讓圖標(biāo)、按鈕和符號具有變種（特殊）動畫效果的庫。demo
• SpinKit?- 一款 CSS 加載動畫合集，可高度自定義動畫效果。demo
• d3-ease?- 這是一個讓動畫更為平滑的 Easing 庫。
• ScrollMagic?- 一個用來創(chuàng)建魔幻滾動交互的 JavaScript 庫，可以像使用進度條一樣使用滾動條。demo
• ScrollReveal?- 一款頁面滾動顯示動畫，可以播放一次也可以播放無限次，能讓頁面更加有趣，更吸引用戶眼球。。demo
• RELLAX.js?- 是一款主打輕量級的純 JavaScript 視差效果庫。demo
• CountUp.js?- 可以用來快速創(chuàng)建以一種更有趣的動畫方式顯示數(shù)值數(shù)據(jù)。demo
• Dynamics.js?- 可以創(chuàng)建物理運動動畫效果 JavaScript 庫。demo
• Mojs?- 一個擁有極簡的聲明式 API ，能夠輕松掌控運動軌跡，為運動圖形而生的工具庫。demo
• React FLIP Move?- 一個翻轉(zhuǎn)移動的庫，旨在解決當(dāng)列表的順序發(fā)生變化時，項目列表動畫化的問題。demo
• tween.js?- 是一個JS 平滑動畫庫。demo
• vivus?- JavaScript庫，使SVG繪制動畫。demo
• Choreographer-js?- 是一個用于處理復(fù)雜動畫的簡單庫。demo
• minirefresh?- 優(yōu)雅的H5下拉刷新。零依賴。demo

時間

• moment?- 是一個日期處理類庫,用于解析、檢驗、操作、以及顯示日期。demo
• timesheet.js?- 是一個時間展示片段插件。demo
• date.js?- 是一個格式化時間、過去時間展示、解決因時區(qū)變更插件。
• timeago.js?- 格式化時間顯示多久以前的插件。?demo
• rome?- 可定制的日期（和時間）選擇器。無依賴，可選 UI。?demo
• moment-timezone?- 基于 moment.js 的時區(qū)庫。demo
• date?- 擁有人性化的 Date() 方法。demo
• ms.js?- 小巧的毫秒轉(zhuǎn)換工具。

其它

• hotkeys?- 是一個強健的 Javascript 庫用于捕獲鍵盤輸入和輸入的組合鍵。demo
• clipboard.js?- 現(xiàn)代復(fù)制到剪貼板。沒有Flash，gzip壓縮只有3KB 。demo
• translater.js?- 這是一個利用HTML注釋的頁面翻譯解決方案。demo
• Push.js?- 是一個跨瀏覽器的Javascript桌面通知插件。demo
• onlinenetwork?- js判斷是否斷網(wǎng)了。
• iNotify?- 是一個實現(xiàn)瀏覽器的 title 閃爍、滾動、聲音提示、chrome、等系統(tǒng)通知。demo
• tesseract.js?- 是一個文字識別轉(zhuǎn)換，可以運行在瀏覽器和服務(wù)器NodeJS上。demo
• Leaflet.js?- 是一個開源的移動友好交互式地圖 JavaScript 庫。體積僅有 33 KB。demo
• CurrencyFormatter.js?- 是一款簡單純JS格式化155種不同國家貨幣格式庫，gzip壓縮后僅7KB。demo
• Feature.js?- 是一個快速、簡單、輕量級的瀏覽器功能檢測庫。它沒有任何的依賴，并且 gzip 壓縮后僅有1kb。demo
• screenfull.js?- 極小、跨平臺的 JavaScript 全屏插件。demo

加載器

• requirejs?- JS模塊化工具
• SeaJS?- JavaScript模塊加載框架
• loadjs?- JavaScript模塊加載框架
• ESL?- 瀏覽器端AMD標(biāo)準加載器

構(gòu)建工具

• webpack?- 前端構(gòu)建工具
• Gulp?- 自動化構(gòu)建工具
• Babel?- 下一代JavasScript語法編譯器
• PostCSS?- 利用JS插件轉(zhuǎn)換CSS樣式的工具
• Grunt?- JavaScript世界的構(gòu)建工具
• rollup.js?- JS模塊打包器
• webpack-dashboard?- webpack開發(fā)服務(wù)器的CLI儀表板
• traceur-compiler?- 支持ES6的JS編譯器
• brunch?- 超快的HTML5構(gòu)建工具
• Helium-css?- 顯示網(wǎng)站中未使用的CSS

測試

• mocha?- JavaScript 測試框架
• ESLint?- JavaScript代碼檢查工具
• JSHint?- JavaScript語法和風(fēng)格檢查工具
• casperjs?- 開源的導(dǎo)航腳本處理和測試工具
• Nightwatch?- 用戶界面自動化測試框架
• istanbul?- JS代碼覆蓋工具
• intern?- JavaScript測試系統(tǒng)
• benchmark.js?- 強大的JavaScript基準庫
• loadtest?- HTTP或WebSockets URL的負載測試
• JSCover?- JavaScript代碼覆蓋測量工具

包管理器

• yarn?- 新的 Hadoop 資源管理器
• bower?- web包管理器
• npm?- NodeJS包安裝的管理模塊
• ndm?- npm桌面管理器

CDN

• https://cdnjs.com
• http://cdnjs.net
• http://www.jsdelivr.com
• http://unpkg.com
• http://rawgit.com
• http://staticfile.org
• http://www.bootcdn.cn
• http://cdn.baomitu.com
• http://lib.sinaapp.com
• http://cdn.code.baidu.com
• http://jscdn.upai.com
• https://www.asp.net/ajax/cdn
• http://libs.sun0769.com
• https://css.net
• https://developers.google.com/speed/libraries/

轉(zhuǎn)載于:https://www.cnblogs.com/chenqingwei/p/8883532.html

總結(jié)

以上是生活随笔為你收集整理的轻量高效的开源JavaScript插件和库 【转】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。