摘要:原文鏈接前端插件庫站點前端開發(fā)文檔博客前端插件庫前端插件庫官網(wǎng)是的函數(shù)庫,目的是強化表格操作如搜索排序,并自動加入組件引入表格中,使用非常靈活簡便。由推出,靈活扎實的建議列表函數(shù)庫。
原文鏈接:前端插件庫前端插件庫 DataTables
站點:前端開發(fā)文檔
博客:前端插件庫
官網(wǎng):https://www.datatables.net/
DataTables是jQuery的JavaScript函數(shù)庫,目的是強化表格操作(如搜索、排序),并自動加入組件引入表格中,使用非常靈活簡便。
LazyLoad官網(wǎng):Lazy Load
延伸:Vanilla JavaScript Lazy Load Plugin
Lazy Load幫助高度較長的網(wǎng)頁進行延遲載入圖片,尚未瀏覽到該部分時,不會載入視角外的圖片,提高效率。
lightSlider官網(wǎng):JQuery lightSlider
Github:sachinchoolur/lightslider
JQuery lightSlider是一個輕量且響應式的跑馬燈/幻燈片,附有縮圖導覽。另外還有相本功能、垂直跑馬燈,應用層面廣泛。
alertify.js官網(wǎng):https://fabien-d.github.io/alertify.js/
Github:alertify.js
alertify.js是為了美化通知信息而生的JavaScript框架。
pickadate.js-日期/時間選擇器官網(wǎng):pickadate.js
chosen官網(wǎng):Chosen
Github:chosen
Chosen是一個jQuery的插件,目的是讓又長又笨重的下拉式選單變得更友善。
typeahead.jsGithub:typeahead.js
由Twitter推出,靈活扎實的建議列表函數(shù)庫。
textillate.js官網(wǎng):textillate.js
Github:jschr/textillate
textillate.js結合了很多很棒的函數(shù)庫,簡單應用CSS3動畫特效。
Chart.js官網(wǎng):Chart.js
對設計師或開發(fā)人員,淺顯易懂的JavaScript圖標應用。
highlight.js官網(wǎng):highlight.js
Github:highlight.js
針對Web程序所做的高亮顯示上色。
jquery-loading官網(wǎng):jquery-loading
起源于為了在讀取或運行中,鎖住特定對象,并同時保持讓瀏覽者可以操作頁面的其他部分。
jquery-validation官網(wǎng):jQuery Validation
Github:jquery-validation
jQuery Validation插件讓用戶端檢查表單變得更容易,并提供大量的定制化設定,無論導入新開發(fā)或是現(xiàn)有的項目都是很好的選擇。
Moment.js官網(wǎng):Moment.js
輕量級專門解析、驗證、操作、格式化日期的JavaScript函數(shù)庫,Moment.js是為瀏覽器和Node.js而設計,所有組件都可以在這兩個環(huán)境下運行。
Animate.css官網(wǎng):Animate.css
純CSS,無需JavaScript,支持多瀏覽器的動畫特效,即插即用。
Ace官網(wǎng):Ace
Ace是透過JavaScript所開發(fā)的線上程序語言編輯器插件,無論功能和性能都類似一般編輯器(Sublime、Vim和TextMate等),導入進任何網(wǎng)頁或JavaScript應用程序都相當容易。值得一提的是Ace是由Cloud9 IDE的團隊維護,并且是Mozilla Skywriter(Bespin)項目的延伸品,品質值得信賴。
PDF.js.js官網(wǎng):PDF.js
PDF.js是一個由HTML構建的PDF閱讀器,由Mozilla Labs所推廣,目標是建立一個通用的PDF平臺。
reveal.js-網(wǎng)頁變簡報官網(wǎng):REVEAL.JS
Intro.js-網(wǎng)站導航官網(wǎng):Intro.js
優(yōu)化網(wǎng)站的導航功能,提供步驟指南給瀏覽者,強化網(wǎng)站的用戶體驗。
Fine Uploader-拖拽上傳官網(wǎng):fine-uploader
Github:fine-uploader
導入拖拽上傳檔案,跨瀏覽器、原生JavaScript又加上免費開源,只要載入JavaScript就可以開始運行,不依賴其他程序。
parallax.js官網(wǎng):parallax.js
Github:wagerfield/parallax
對任何設備,兼容性高的視差引擎。
Hover.css官網(wǎng):Hover.css
Github:IanLunn/Hover
多項針對鏈接、按鈕、Logo、SVG和圖片的移入CSS3特效。
iscrollGithub:cubiq/iscroll
iScroll是一款高性能、文件小、無依賴且多平臺的JavaScript拖拽滑動庫。
Toolbar.js官網(wǎng):Toolbar.Js
Github:paulkinzett/toolbar
一個產(chǎn)生工具列的jQuery插件。
nanoScroller.jsGithub:nanoScrollerJS
nanoScroller.js是一個用簡單方法做出類似Mac OS X風格卷軸的jQuery插件,盡管目前沒有在持續(xù)維護,但使用上相當簡單且支持度高仍然是不錯的選擇。
iCheck官網(wǎng):iCheck
Github:icheck
專為jQuery和Zepto做的高彈性定制化checkbox和radio按鈕的插件。
KUTE.js官網(wǎng):KUTE.js
Github:kute.js
一個成熟的原生的JavaScript動畫引擎,提供給網(wǎng)站開發(fā)者、設計師、動畫師相當多基本的功能,淺顯易懂的操作方式,跨瀏覽器動畫,擁有著高質量、靈活、專業(yè)且輕量(主要核心只需要17K)。
Timeline.js官網(wǎng):Timeline.js
jQuery時間軸插件,使用簡單是它的優(yōu)點。
Muuri.js官網(wǎng):Muuri
Muuri是一個JavaScript Layout引擎,讓你可以構建多樣化的Layout,并具有響應式、可排序、可過濾、拖拽移動或動畫效果。
Algolia Places官網(wǎng):Algolia Places
Algolia Places為您的網(wǎng)站提供一個快速、簡單的方式,自動化產(chǎn)生地址建議列表的JavaScript函數(shù)庫。
lightgallery.js官網(wǎng):lightgallery.js
Github:lightGallery
一個彈性高、組件化且響應式的燈箱jQuery插件。
Tabslet官網(wǎng):Tabslet
Github:Tabslet
一個用于頁簽的jQuery插件,輕量級且操作容易。
Masonry.js官網(wǎng):Masonry
Masonry常用于瀑布流布局的插件。
Slidebars官網(wǎng):Slidebars
Github:Slidebars
Slidebars是一個jQuery框架,提供網(wǎng)站或網(wǎng)站應用程序側邊欄選單。
three.js官網(wǎng):three.js
Github:three.js
易于使用且輕量級3D函數(shù)庫,提供canvas、SVG、CSS3 3D和WebGL渲染器。
Videos.js-HTML5視頻播放器官網(wǎng):Video.js: The Player Framework
Github:video.js
Video.js是隨著HTML5的來襲所打造的媒體播放器,支持HTML5和Flash視頻,支持PC和移動設備。這個項目從2010年開始,現(xiàn)在已經(jīng)有超過40萬的網(wǎng)站使用它。
Leaflet.js官網(wǎng):Leaflet
Github:Leaflet
Leaflet是一個對移動設備友善的互動地圖并且開源的JavaScript函數(shù)庫,總大小只有38KB,卻有著大多數(shù)開發(fā)人員想要的需要。簡單、專業(yè)、實用并且跨平臺可以有效率地在PC和移動設備上,并且有大量的插件可以擴展,有著華麗卻簡單使用的API,很易學且閱讀性高的源碼。
Sortable官網(wǎng):SortableJS
Sortable可以對HTML對象做拖拽移動清單的JavaScript函數(shù)庫,支持移動設備且不依賴jQuery等其他第三方,并兼容Bootstrap等CSS框架。
clipboard.js官網(wǎng):clipboard.js
Github:clipboard.js
復制內(nèi)容到剪切板的小工具,不依賴Flash,大小只要3KB。
howler.js官網(wǎng):howler.js
howler.js是針對當下網(wǎng)站的一個音頻播放函數(shù)庫,預設為Web Audio API和HTML5 Audio,可以透過JavaScript播放聲音變得更簡單,并且跨平臺。
p5.js-繪畫插件官網(wǎng):p5.js
Github:processing/p5.js
p5.js是一個JavaScript函數(shù)庫,有完整的繪畫功能,并不局限在畫布上,你可以把整個瀏覽器當做你的草稿,另外有插件可以讓你更容易去做HTML5互動,加入文字欄、影片、視頻或音頻等功能。
fullPage.js-全頁式導航官網(wǎng):fullPage.js
Github:fullPage.js
Github:store.js
針對任何項目都可以做的跨瀏覽器的數(shù)據(jù)存取,全站都可以運行,瀏覽器支持度高,小項目不想導入大型框架的不錯選擇。
fullcalendar官網(wǎng):JavaScript Calendar
Github:fullcalendar
設計一個滿版且可拖拽事件的行程日歷。Bootstrap的排版風格,可讀入JSON格式數(shù)據(jù),安裝容易、支持響應式排版。
Headroom.js官網(wǎng):Headroom.js
把網(wǎng)站空間發(fā)揮到極限,不需要導航列表是隱藏,需要時出現(xiàn)。搭配Animation.css可以讓畫面更活潑,另外也支持jQuery或Angular。
ScrollToFixed官網(wǎng):ScrollToFixed
ScrollToFixed能夠讓網(wǎng)頁的導航或表頭等固定在頂部或底部,用戶更方便的操作或查看信息。除了導航和表頭,也可以固定其他內(nèi)容,比如廣告、返回頂部等。
Handlebars.js官網(wǎng):Handlebars.js
Github:handlebars.js
Handlebars主要是讓你在做語義化模板時更有效率、且不容易受挫,并且兼容Mustache模板,大多數(shù)可以直接互換使用。
faker.jsGithub:faker.js
faker.js可以在瀏覽器或Node.js產(chǎn)生大量的假數(shù)據(jù)。測試時期相當方便的東西,也可以透過Google Extension來運行。
TinyMCE-HTML編輯器官網(wǎng):TinyMCE
Github:tinymce
TinyMCE是功能齊全且輕量級的HTML編輯器,但需要在IE11以上才可以運行。
List.js-資料排序官網(wǎng):List.js
Github:list.js
List.js對表格、清單、各式各樣的對象,增加搜索、排序、過濾和靈活性,無形地建立在HTML內(nèi),極簡易也易于使用。即便周邊不如DataTables,但不依賴jQuery及大小僅Datatables的1/4(壓縮后17KB),以及對IE的高兼容性和不止對 官網(wǎng):Swiper Swiper是當下王錚的幻燈片/跑馬燈插件,使用效能高,并可運用在移動設備上及混合式App上,不但在最新版本的IOS上運行良好,在Android、Windows Phone 8和PC設備上一樣表現(xiàn)優(yōu)秀。要注意的是,Swiper并不兼容所有平臺設備,而是專注于當下主流平臺設備的兼容性和效能上。同時Swiper也是Framework7和Ionic Framework的組件的一部分。 官網(wǎng):Toastr toastr是一個提示信息JavaScript函數(shù)庫,必須載入jQuery,宗旨是利用簡單的程序函數(shù)庫來做定制化跟擴展。toastr提供一個范例頁面toastr examples,方便自訂效果跟產(chǎn)生源碼,類似Customize and download · Bootstrap的效果,方便使用者加快流程,先前介紹的ALERTIFY JS整體層面比toastr好很多,無論原生JavaScript以及整體文件大小和功能延展性,但toastr簡單使用的操作模式,如果有舊項目是在jQuery的環(huán)境下,要做一些定制化功能,或許就是不錯的選擇。 官網(wǎng):Sketch.js 官網(wǎng):Quill Quill是當下高兼容性、強大、豐富且具有擴展性的文字編輯器。對于移動設備的支持度高。 官網(wǎng):Shave Shave根據(jù)內(nèi)容的最大高度將文字截斷,是一個沒有任何依賴性的JavaScript插件。并將多出的文字藏在span后面,保留原文的完整性。CSS本身通過text-overflow也有類似的功能(Truncate String with Ellipsis),但需要設定寬度,如果需要不能固定寬度的項目,Shave應該是一個不錯的選擇。 官網(wǎng):Tabulator Tabulator是相當容易操作的表格內(nèi)容產(chǎn)生器,只需要花很少的時間就可以通過把數(shù)組或JSON格式的資料生成HTML界面的表格。并且支持響應式網(wǎng)頁,以及運用其他插件做成對象產(chǎn)生資料圖表。 官網(wǎng):ScrollReveal 官網(wǎng):datedropper datedropper是微型但功能強大的jQuery時間選擇器。內(nèi)建風格相當活潑可愛,可增加網(wǎng)站的活力。 官網(wǎng):Cleave.js 官網(wǎng):Infinite Scroll Infinite Scroll是jQuery一個用來實現(xiàn)無限滾動的插件。 文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。 轉載請注明本文地址:http://systransis.cn/yun/114632.html 摘要:一些有用的一些有用的,包括轉換小箭頭三角形媒體查詢等中文指南是當下最熱門的前端資源模塊化管理和打包工具。
nodejs 入門
nodejs 入門教程,大家可以在 github 上提交錯誤
2016 年最好用的表單驗證庫 SMValidator.js
前端表單驗證工具分享
淺談前端線上部署與運維
說到前端部署,可能大多數(shù)前端工程師在工作中都是使用的公司現(xiàn)成的部署系統(tǒng),與SRE對接、一起完... 摘要:一些有用的一些有用的,包括轉換小箭頭三角形媒體查詢等中文指南是當下最熱門的前端資源模塊化管理和打包工具。
nodejs 入門
nodejs 入門教程,大家可以在 github 上提交錯誤
2016 年最好用的表單驗證庫 SMValidator.js
前端表單驗證工具分享
淺談前端線上部署與運維
說到前端部署,可能大多數(shù)前端工程師在工作中都是使用的公司現(xiàn)成的部署系統(tǒng),與SRE對接、一起完... 摘要:上一篇前端常用插件工具類庫匯總上內(nèi)容摘要動畫庫滾動庫輪播圖滾屏彈出框消息通知下拉框級聯(lián)選擇器顏色選擇器時間日期處理表單驗證分頁插件本篇延續(xù)上一篇的內(nèi)容繼續(xù)給大家?guī)硪幌盗嘘P于前端插件工具類的內(nèi)容。
showImg(https://segmentfault.com/img/bVbjsMh?w=900&h=383);
前言
對本文感興趣可以先加個收藏,也可以轉發(fā)分享給身邊的小伙伴,以后遇到... 摘要:函數(shù)庫動畫庫動畫庫,也是目前最通用的動畫庫。下拉框級聯(lián)選擇器移動端最好用的的篩選器組件聯(lián)動篩選移動端最好用的的篩選器組件聯(lián)動篩選顏色選擇器時間選擇器時間日期處理是一個解析,驗證,操作和顯示日期和時間的類庫。
showImg(https://segmentfault.com/img/bVbjpHt?w=900&h=383);
前言
在開發(fā)中,我們經(jīng)常會將一些常用的代碼塊、功能塊進行封裝,... 摘要:期待你的加入,一起維護文檔,語雀文檔協(xié)作邀請鏈接,如果鏈接過期,請加個人微信號,并備注文檔協(xié)作。文檔介紹文檔在語雀平臺上,期待你的加入進行協(xié)作編寫,不要求所有的配置項都介紹到,列舉一些最常見的即可。
項目概覽
JS 插件文檔庫地址:JS 插件文檔庫 · 語雀
在線演示代碼倉庫:JS 插件文檔庫示例代碼 · GitHub
在線預覽:JS 插件在線演示
項目介紹
如今,隨著大前端... 閱讀 2596·2021-11-22 12:01 閱讀 1121·2021-11-15 11:37 閱讀 3708·2021-09-22 14:59 閱讀 1768·2021-09-04 16:45 閱讀 1400·2021-09-03 10:30 閱讀 1035·2021-08-11 11:18 閱讀 2475·2019-08-30 10:53 閱讀 2027·2019-08-29 15:13,對
、
或是其他HTML元素的支持,都是List.js不容忽視的優(yōu)勢之一。
Swiper
Github:Swiper
Github:Quill
Github:datedropper相關文章
庫&插件&框架&工具
庫&插件&框架&工具
前端常用插件、工具類庫匯總(下)
前端常用插件、工具類庫匯總(上)
JS 插件文檔庫邀你一起協(xié)同創(chuàng)作
發(fā)表評論
0條評論
shusen
男|高級講師
TA的文章
閱讀更多
DediPath圣何塞機房上線,VPS/Hybrid Servers五折,1Gbps無限流量服務器月
面試官:了解Fuzzing Test嗎?
idc虛擬主機業(yè)務需要什么技術-有可以搭建虛擬主機的IDC管理系統(tǒng)嗎?
項目四:串口打印超聲波測距
阿里巴巴集團將投入1000億元助力共同富裕
BuyVM:VPS/塊存儲補貨通知 – AMD高性能VPS+超便宜塊存儲+1Gb
前端插件庫
純CSS實現(xiàn)元素垂直水平居中-非固定寬度