摘要：原文鏈接前端插件庫(kù)站點(diǎn)前端開(kāi)發(fā)文檔博客前端插件庫(kù)前端插件庫(kù)官網(wǎng)是的函數(shù)庫(kù)，目的是強(qiáng)化表格操作如搜索排序，并自動(dòng)加入組件引入表格中，使用非常靈活簡(jiǎn)便。由推出，靈活扎實(shí)的建議列表函數(shù)庫(kù)。

原文鏈接：前端插件庫(kù)
站點(diǎn)：前端開(kāi)發(fā)文檔
博客：前端插件庫(kù)

官網(wǎng)：https://www.datatables.net/

DataTables是jQuery的JavaScript函數(shù)庫(kù)，目的是強(qiáng)化表格操作（如搜索、排序），并自動(dòng)加入組件引入表格中，使用非常靈活簡(jiǎn)便。

官網(wǎng)：Lazy Load
延伸：Vanilla JavaScript Lazy Load Plugin

Lazy Load幫助高度較長(zhǎng)的網(wǎng)頁(yè)進(jìn)行延遲載入圖片，尚未瀏覽到該部分時(shí)，不會(huì)載入視角外的圖片，提高效率。

官網(wǎng)：JQuery lightSlider
Github：sachinchoolur/lightslider

JQuery lightSlider是一個(gè)輕量且響應(yīng)式的跑馬燈/幻燈片，附有縮圖導(dǎo)覽。另外還有相本功能、垂直跑馬燈，應(yīng)用層面廣泛。

官網(wǎng)：https://fabien-d.github.io/alertify.js/
Github：alertify.js

alertify.js是為了美化通知信息而生的JavaScript框架。

官網(wǎng)：pickadate.js

官網(wǎng)：Chosen
Github：chosen

Chosen是一個(gè)jQuery的插件，目的是讓又長(zhǎng)又笨重的下拉式選單變得更友善。

Github：typeahead.js

由Twitter推出，靈活扎實(shí)的建議列表函數(shù)庫(kù)。

官網(wǎng)：textillate.js
Github：jschr/textillate

textillate.js結(jié)合了很多很棒的函數(shù)庫(kù)，簡(jiǎn)單應(yīng)用CSS3動(dòng)畫(huà)特效。

官網(wǎng)：Chart.js

對(duì)設(shè)計(jì)師或開(kāi)發(fā)人員，淺顯易懂的JavaScript圖標(biāo)應(yīng)用。

官網(wǎng)：highlight.js
Github：highlight.js

針對(duì)Web程序所做的高亮顯示上色。

官網(wǎng)：jquery-loading

起源于為了在讀取或運(yùn)行中，鎖住特定對(duì)象，并同時(shí)保持讓瀏覽者可以操作頁(yè)面的其他部分。

官網(wǎng)：jQuery Validation
Github：jquery-validation

jQuery Validation插件讓用戶(hù)端檢查表單變得更容易，并提供大量的定制化設(shè)定，無(wú)論導(dǎo)入新開(kāi)發(fā)或是現(xiàn)有的項(xiàng)目都是很好的選擇。

官網(wǎng)：Moment.js

輕量級(jí)專(zhuān)門(mén)解析、驗(yàn)證、操作、格式化日期的JavaScript函數(shù)庫(kù)，Moment.js是為瀏覽器和Node.js而設(shè)計(jì)，所有組件都可以在這兩個(gè)環(huán)境下運(yùn)行。

官網(wǎng)：Animate.css

純CSS，無(wú)需JavaScript，支持多瀏覽器的動(dòng)畫(huà)特效，即插即用。

官網(wǎng)：Ace

Ace是透過(guò)JavaScript所開(kāi)發(fā)的線(xiàn)上程序語(yǔ)言編輯器插件，無(wú)論功能和性能都類(lèi)似一般編輯器（Sublime、Vim和TextMate等），導(dǎo)入進(jìn)任何網(wǎng)頁(yè)或JavaScript應(yīng)用程序都相當(dāng)容易。值得一提的是Ace是由Cloud9 IDE的團(tuán)隊(duì)維護(hù)，并且是Mozilla Skywriter（Bespin）項(xiàng)目的延伸品，品質(zhì)值得信賴(lài)。

官網(wǎng)：PDF.js

PDF.js是一個(gè)由HTML構(gòu)建的PDF閱讀器，由Mozilla Labs所推廣，目標(biāo)是建立一個(gè)通用的PDF平臺(tái)。

官網(wǎng)：REVEAL.JS

官網(wǎng)：Intro.js

優(yōu)化網(wǎng)站的導(dǎo)航功能，提供步驟指南給瀏覽者，強(qiáng)化網(wǎng)站的用戶(hù)體驗(yàn)。

官網(wǎng)：fine-uploader
Github：fine-uploader

導(dǎo)入拖拽上傳檔案，跨瀏覽器、原生JavaScript又加上免費(fèi)開(kāi)源，只要載入JavaScript就可以開(kāi)始運(yùn)行，不依賴(lài)其他程序。

官網(wǎng)：parallax.js
Github：wagerfield/parallax

對(duì)任何設(shè)備，兼容性高的視差引擎。

官網(wǎng)：Hover.css
Github：IanLunn/Hover

多項(xiàng)針對(duì)鏈接、按鈕、Logo、SVG和圖片的移入CSS3特效。

Github：cubiq/iscroll

iScroll是一款高性能、文件小、無(wú)依賴(lài)且多平臺(tái)的JavaScript拖拽滑動(dòng)庫(kù)。

官網(wǎng)：Toolbar.Js
Github：paulkinzett/toolbar

一個(gè)產(chǎn)生工具列的jQuery插件。

Github：nanoScrollerJS

nanoScroller.js是一個(gè)用簡(jiǎn)單方法做出類(lèi)似Mac OS X風(fēng)格卷軸的jQuery插件，盡管目前沒(méi)有在持續(xù)維護(hù)，但使用上相當(dāng)簡(jiǎn)單且支持度高仍然是不錯(cuò)的選擇。

官網(wǎng)：iCheck
Github：icheck

專(zhuān)為jQuery和Zepto做的高彈性定制化checkbox和radio按鈕的插件。

官網(wǎng)：KUTE.js
Github：kute.js

一個(gè)成熟的原生的JavaScript動(dòng)畫(huà)引擎，提供給網(wǎng)站開(kāi)發(fā)者、設(shè)計(jì)師、動(dòng)畫(huà)師相當(dāng)多基本的功能，淺顯易懂的操作方式，跨瀏覽器動(dòng)畫(huà)，擁有著高質(zhì)量、靈活、專(zhuān)業(yè)且輕量（主要核心只需要17K）。

官網(wǎng)：Timeline.js

jQuery時(shí)間軸插件，使用簡(jiǎn)單是它的優(yōu)點(diǎn)。

官網(wǎng)：Muuri

Muuri是一個(gè)JavaScript Layout引擎，讓你可以構(gòu)建多樣化的Layout，并具有響應(yīng)式、可排序、可過(guò)濾、拖拽移動(dòng)或動(dòng)畫(huà)效果。

官網(wǎng)：Algolia Places

Algolia Places為您的網(wǎng)站提供一個(gè)快速、簡(jiǎn)單的方式，自動(dòng)化產(chǎn)生地址建議列表的JavaScript函數(shù)庫(kù)。

官網(wǎng)：lightgallery.js
Github：lightGallery

一個(gè)彈性高、組件化且響應(yīng)式的燈箱jQuery插件。

官網(wǎng)：Tabslet
Github：Tabslet

一個(gè)用于頁(yè)簽的jQuery插件，輕量級(jí)且操作容易。

官網(wǎng)：Masonry

Masonry常用于瀑布流布局的插件。

官網(wǎng)：Slidebars
Github：Slidebars

Slidebars是一個(gè)jQuery框架，提供網(wǎng)站或網(wǎng)站應(yīng)用程序側(cè)邊欄選單。

官網(wǎng)：three.js
Github：three.js

易于使用且輕量級(jí)3D函數(shù)庫(kù)，提供canvas、SVG、CSS3 3D和WebGL渲染器。

官網(wǎng)：Video.js: The Player Framework
Github：video.js

Video.js是隨著HTML5的來(lái)襲所打造的媒體播放器，支持HTML5和Flash視頻，支持PC和移動(dòng)設(shè)備。這個(gè)項(xiàng)目從2010年開(kāi)始，現(xiàn)在已經(jīng)有超過(guò)40萬(wàn)的網(wǎng)站使用它。

官網(wǎng)：Leaflet
Github：Leaflet

Leaflet是一個(gè)對(duì)移動(dòng)設(shè)備友善的互動(dòng)地圖并且開(kāi)源的JavaScript函數(shù)庫(kù)，總大小只有38KB，卻有著大多數(shù)開(kāi)發(fā)人員想要的需要。簡(jiǎn)單、專(zhuān)業(yè)、實(shí)用并且跨平臺(tái)可以有效率地在PC和移動(dòng)設(shè)備上，并且有大量的插件可以擴(kuò)展，有著華麗卻簡(jiǎn)單使用的API，很易學(xué)且閱讀性高的源碼。

官網(wǎng)：SortableJS

Sortable可以對(duì)HTML對(duì)象做拖拽移動(dòng)清單的JavaScript函數(shù)庫(kù)，支持移動(dòng)設(shè)備且不依賴(lài)jQuery等其他第三方，并兼容Bootstrap等CSS框架。

官網(wǎng)：clipboard.js
Github：clipboard.js

復(fù)制內(nèi)容到剪切板的小工具，不依賴(lài)Flash，大小只要3KB。

官網(wǎng)：howler.js

howler.js是針對(duì)當(dāng)下網(wǎng)站的一個(gè)音頻播放函數(shù)庫(kù)，預(yù)設(shè)為Web Audio API和HTML5 Audio，可以透過(guò)JavaScript播放聲音變得更簡(jiǎn)單，并且跨平臺(tái)。

官網(wǎng)：p5.js
Github：processing/p5.js

p5.js是一個(gè)JavaScript函數(shù)庫(kù)，有完整的繪畫(huà)功能，并不局限在畫(huà)布上，你可以把整個(gè)瀏覽器當(dāng)做你的草稿，另外有插件可以讓你更容易去做HTML5互動(dòng)，加入文字欄、影片、視頻或音頻等功能。

官網(wǎng)：fullPage.js
Github：fullPage.js

Github：store.js

針對(duì)任何項(xiàng)目都可以做的跨瀏覽器的數(shù)據(jù)存取，全站都可以運(yùn)行，瀏覽器支持度高，小項(xiàng)目不想導(dǎo)入大型框架的不錯(cuò)選擇。

官網(wǎng)：JavaScript Calendar
Github：fullcalendar

設(shè)計(jì)一個(gè)滿(mǎn)版且可拖拽事件的行程日歷。Bootstrap的排版風(fēng)格，可讀入JSON格式數(shù)據(jù)，安裝容易、支持響應(yīng)式排版。

官網(wǎng)：Headroom.js

把網(wǎng)站空間發(fā)揮到極限，不需要導(dǎo)航列表是隱藏，需要時(shí)出現(xiàn)。搭配Animation.css可以讓畫(huà)面更活潑，另外也支持jQuery或Angular。

官網(wǎng)：ScrollToFixed

ScrollToFixed能夠讓網(wǎng)頁(yè)的導(dǎo)航或表頭等固定在頂部或底部，用戶(hù)更方便的操作或查看信息。除了導(dǎo)航和表頭，也可以固定其他內(nèi)容，比如廣告、返回頂部等。

官網(wǎng)：Handlebars.js
Github：handlebars.js

Handlebars主要是讓你在做語(yǔ)義化模板時(shí)更有效率、且不容易受挫，并且兼容Mustache模板，大多數(shù)可以直接互換使用。

Github：faker.js

faker.js可以在瀏覽器或Node.js產(chǎn)生大量的假數(shù)據(jù)。測(cè)試時(shí)期相當(dāng)方便的東西，也可以透過(guò)Google Extension來(lái)運(yùn)行。

官網(wǎng)：TinyMCE
Github：tinymce

TinyMCE是功能齊全且輕量級(jí)的HTML編輯器，但需要在IE11以上才可以運(yùn)行。

官網(wǎng)：List.js
Github：list.js

List.js對(duì)表格、清單、各式各樣的對(duì)象，增加搜索、排序、過(guò)濾和靈活性，無(wú)形地建立在HTML內(nèi)，極簡(jiǎn)易也易于使用。即便周邊不如DataTables，但不依賴(lài)jQuery及大小僅Datatables的1/4（壓縮后17KB），以及對(duì)IE的高兼容性和不止對(duì)

、
或是其他HTML元素的支持，都是List.js不容忽視的優(yōu)勢(shì)之一。
Swiper

官網(wǎng)：Swiper
Github：Swiper

Swiper是當(dāng)下王錚的幻燈片/跑馬燈插件，使用效能高，并可運(yùn)用在移動(dòng)設(shè)備上及混合式App上，不但在最新版本的IOS上運(yùn)行良好，在Android、Windows Phone 8和PC設(shè)備上一樣表現(xiàn)優(yōu)秀。要注意的是，Swiper并不兼容所有平臺(tái)設(shè)備，而是專(zhuān)注于當(dāng)下主流平臺(tái)設(shè)備的兼容性和效能上。同時(shí)Swiper也是Framework7和Ionic Framework的組件的一部分。

toastr

官網(wǎng)：Toastr

toastr是一個(gè)提示信息JavaScript函數(shù)庫(kù)，必須載入jQuery，宗旨是利用簡(jiǎn)單的程序函數(shù)庫(kù)來(lái)做定制化跟擴(kuò)展。toastr提供一個(gè)范例頁(yè)面toastr examples，方便自訂效果跟產(chǎn)生源碼，類(lèi)似Customize and download · Bootstrap的效果，方便使用者加快流程，先前介紹的ALERTIFY JS整體層面比toastr好很多，無(wú)論原生JavaScript以及整體文件大小和功能延展性，但toastr簡(jiǎn)單使用的操作模式，如果有舊項(xiàng)目是在jQuery的環(huán)境下，要做一些定制化功能，或許就是不錯(cuò)的選擇。

goodshare.js-極簡(jiǎn)動(dòng)畫(huà)繪制

官網(wǎng)：Sketch.js

Quill

官網(wǎng)：Quill
Github：Quill

Quill是當(dāng)下高兼容性、強(qiáng)大、豐富且具有擴(kuò)展性的文字編輯器。對(duì)于移動(dòng)設(shè)備的支持度高。

Shave-截?cái)辔淖?/b>

官網(wǎng)：Shave

Shave根據(jù)內(nèi)容的最大高度將文字截?cái)?，是一個(gè)沒(méi)有任何依賴(lài)性的JavaScript插件。并將多出的文字藏在span后面，保留原文的完整性。CSS本身通過(guò)text-overflow也有類(lèi)似的功能（Truncate String with Ellipsis），但需要設(shè)定寬度，如果需要不能固定寬度的項(xiàng)目，Shave應(yīng)該是一個(gè)不錯(cuò)的選擇。

Tabulator

官網(wǎng)：Tabulator

Tabulator是相當(dāng)容易操作的表格內(nèi)容產(chǎn)生器，只需要花很少的時(shí)間就可以通過(guò)把數(shù)組或JSON格式的資料生成HTML界面的表格。并且支持響應(yīng)式網(wǎng)頁(yè)，以及運(yùn)用其他插件做成對(duì)象產(chǎn)生資料圖表。

ScrollReveal-動(dòng)態(tài)顯示內(nèi)容

官網(wǎng)：ScrollReveal

datedropper

官網(wǎng)：datedropper
Github：datedropper

datedropper是微型但功能強(qiáng)大的jQuery時(shí)間選擇器。內(nèi)建風(fēng)格相當(dāng)活潑可愛(ài)，可增加網(wǎng)站的活力。

Cleave.js-表單欄位格式化工具

官網(wǎng)：Cleave.js

Infinite Scroll

官網(wǎng)：Infinite Scroll

Infinite Scroll是jQuery一個(gè)用來(lái)實(shí)現(xiàn)無(wú)限滾動(dòng)的插件。

云服務(wù)器 GPU云服務(wù)器 前端插件 前端庫(kù)cdn 前端cdn庫(kù) 前端公共庫(kù)cdn

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/109433.html

• 上一篇：react本質(zhì)：JSX如何轉(zhuǎn)化為javascript
• 下一篇：借助performance工具直觀(guān)理解瀏覽器的渲染過(guò)程

相關(guān)文章

• 庫(kù)&插件&框架&工具

  摘要：一些有用的一些有用的，包括轉(zhuǎn)換小箭頭三角形媒體查詢(xún)等中文指南是當(dāng)下最熱門(mén)的前端資源模塊化管理和打包工具。 nodejs 入門(mén) nodejs 入門(mén)教程，大家可以在 github 上提交錯(cuò)誤 2016 年最好用的表單驗(yàn)證庫(kù) SMValidator.js 前端表單驗(yàn)證工具分享 淺談前端線(xiàn)上部署與運(yùn)維 說(shuō)到前端部署，可能大多數(shù)前端工程師在工作中都是使用的公司現(xiàn)成的部署系統(tǒng)，與SRE對(duì)接、一起完...

  Codeing_ls 2019-08-01 18:22 評(píng)論0 收藏0

• 庫(kù)&插件&框架&工具

  摘要：一些有用的一些有用的，包括轉(zhuǎn)換小箭頭三角形媒體查詢(xún)等中文指南是當(dāng)下最熱門(mén)的前端資源模塊化管理和打包工具。 nodejs 入門(mén) nodejs 入門(mén)教程，大家可以在 github 上提交錯(cuò)誤 2016 年最好用的表單驗(yàn)證庫(kù) SMValidator.js 前端表單驗(yàn)證工具分享 淺談前端線(xiàn)上部署與運(yùn)維 說(shuō)到前端部署，可能大多數(shù)前端工程師在工作中都是使用的公司現(xiàn)成的部署系統(tǒng)，與SRE對(duì)接、一起完...

  xiaowugui666 2019-08-21 18:43 評(píng)論0 收藏0

• 前端常用插件、工具類(lèi)庫(kù)匯總（下）

  摘要：上一篇前端常用插件工具類(lèi)庫(kù)匯總上內(nèi)容摘要?jiǎng)赢?huà)庫(kù)滾動(dòng)庫(kù)輪播圖滾屏彈出框消息通知下拉框級(jí)聯(lián)選擇器顏色選擇器時(shí)間日期處理表單驗(yàn)證分頁(yè)插件本篇延續(xù)上一篇的內(nèi)容繼續(xù)給大家?guī)?lái)一系列關(guān)于前端插件工具類(lèi)的內(nèi)容。 showImg(https://segmentfault.com/img/bVbjsMh?w=900&h=383); 前言 對(duì)本文感興趣可以先加個(gè)收藏，也可以轉(zhuǎn)發(fā)分享給身邊的小伙伴，以后遇到...

  ideaa 2019-08-23 13:08 評(píng)論0 收藏0

• 前端常用插件、工具類(lèi)庫(kù)匯總（上）

  摘要：函數(shù)庫(kù)動(dòng)畫(huà)庫(kù)動(dòng)畫(huà)庫(kù)，也是目前最通用的動(dòng)畫(huà)庫(kù)。下拉框級(jí)聯(lián)選擇器移動(dòng)端最好用的的篩選器組件聯(lián)動(dòng)篩選移動(dòng)端最好用的的篩選器組件聯(lián)動(dòng)篩選顏色選擇器時(shí)間選擇器時(shí)間日期處理是一個(gè)解析，驗(yàn)證，操作和顯示日期和時(shí)間的類(lèi)庫(kù)。 showImg(https://segmentfault.com/img/bVbjpHt?w=900&h=383); 前言 在開(kāi)發(fā)中，我們經(jīng)常會(huì)將一些常用的代碼塊、功能塊進(jìn)行封裝，...

  txgcwm 2019-08-23 13:06 評(píng)論0 收藏0

• JS 插件文檔庫(kù)邀你一起協(xié)同創(chuàng)作

  摘要：期待你的加入，一起維護(hù)文檔，語(yǔ)雀文檔協(xié)作邀請(qǐng)鏈接，如果鏈接過(guò)期，請(qǐng)加個(gè)人微信號(hào)，并備注文檔協(xié)作。文檔介紹文檔在語(yǔ)雀平臺(tái)上，期待你的加入進(jìn)行協(xié)作編寫(xiě)，不要求所有的配置項(xiàng)都介紹到，列舉一些最常見(jiàn)的即可。 項(xiàng)目概覽 JS 插件文檔庫(kù)地址：JS 插件文檔庫(kù) · 語(yǔ)雀 在線(xiàn)演示代碼倉(cāng)庫(kù)：JS 插件文檔庫(kù)示例代碼 · GitHub 在線(xiàn)預(yù)覽：JS 插件在線(xiàn)演示 項(xiàng)目介紹 如今，隨著大前端...

  鄒強(qiáng) 2019-08-23 16:54 評(píng)論0 收藏0

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

高勝山

男|高級(jí)講師

我要關(guān)注 我要私信

TA的文章

閱讀更多

• Linux課程適合0基礎(chǔ)學(xué)嗎？要學(xué)習(xí)哪些內(nèi)容？

  閱讀 2983·2021-11-25 09:43

• Tokyonline：$79.5/月/2GB內(nèi)存/60GB空間/10TB流量/200Mbps-500

  閱讀 3603·2021-11-24 11:13

• 為什么智能硬件最重要的功能是軟件升級(jí)？

  閱讀 3376·2021-10-14 09:42

• Hostwinds：機(jī)房托管套餐，月付$8刀起，非托管套餐，月付$5刀起

  閱讀 2583·2021-09-23 11:53

• 網(wǎng)站主機(jī)用什么系統(tǒng)-哪個(gè)主機(jī)管理系統(tǒng)好用？

  閱讀 3625·2021-09-22 15:57

• RAKsmart：註冊(cè)即送10美金新人紅包?。?！

  閱讀 3240·2021-09-02 09:54

• 談?wù)凱ostCSS

  閱讀 3513·2019-08-30 13:47

• 前端每日實(shí)戰(zhàn)：153# 視頻演示如何用 CSS 和原生 JS 創(chuàng)作一組 tooltip 提示框

  閱讀 1652·2019-08-29 16:55

最新活動(dòng)