|
最新文章
|
知識(shí)管理交流
→『 技術(shù)文檔交流 』
本版文數(shù)：9894 今日文數(shù)：4428
|
|
一款處理表格的JavaScript庫(kù)——SheetJS。在日常開發(fā)中，會(huì)遇到處理表格數(shù)據(jù)的任務(wù)，借助SheetJS的能力，可以輕松實(shí)現(xiàn)表格的處理工作。無(wú)需深厚的編程知識(shí)，即可利用SheetJS輕松實(shí)現(xiàn)數(shù)據(jù)的導(dǎo)入、導(dǎo)出、編輯等操作，使得表格操作變得愈發(fā)輕松。https://github.com/SheetJS/sheet...
|
|
一款實(shí)用的圖像處理JavaScript庫(kù)——jimp.js。上一篇分享的高斯模糊blurify.js功能比較單一，和Jimp.js相比就是弟弟。https://github.com/jimp-dev/jimpJimp.js是一個(gè)純JavaScript編寫的圖像處理庫(kù)，沒有任何本地依賴，它允許在瀏覽器端和Node.js環(huán)...
|
|
一款超實(shí)用的圖像處理JavaScript庫(kù)——Sharp.js。Sharp.js比Jimp.js更快，底層使用了libvips庫(kù)，是一個(gè)高性能的圖像處理庫(kù)，專為快速處理大量圖像數(shù)據(jù)而設(shè)計(jì)。https://github.com/lovell/sharpSharp.js圖像處理界的“瘦身專家”首先，讓我們來(lái)認(rèn)識(shí)一下Shar...
|
|
一款圖像處理JavaScript開源庫(kù)——Cropper.js。這個(gè)優(yōu)秀的開源庫(kù)，以其簡(jiǎn)潔的API、靈活的配置和強(qiáng)大的功能，成為了前端開發(fā)者解決圖像裁剪需求的得力助手。什么是Cropper.js？Cropper.js是一個(gè)輕量級(jí)的JavaScript庫(kù)，專門用于圖片裁剪。可以輕松實(shí)現(xiàn)圖片的裁剪、縮放、旋轉(zhuǎn)等功能。Cro...
|
|
一個(gè)輕量級(jí)的JavaScript圖像壓縮庫(kù)——Compressor.js，它和Node端的Sharp.js一樣，都是圖片處理的利器，但Compressor.js更擅長(zhǎng)在瀏覽器端進(jìn)行操作。什么是Compressor.jsCompressor.js，就是一個(gè)壓縮器。它是一個(gè)基于瀏覽器原生canvas.toBlobAPI的J...
|
|
這篇文章了解五種主要圖像處理庫(kù)之間的區(qū)別，并選擇適合您的一個(gè)！1.Sharp.js-高性能圖片處理利器首先登場(chǎng)的是高性能圖片處理利器——Sharp.js。你是否曾經(jīng)為了圖片的大小和格式問題頭疼不已？別擔(dān)心，Sharp.js來(lái)幫你解決煩惱。這是一款基于Node.js的高性能圖片處理庫(kù)，它能夠讓你輕松地調(diào)整圖片的大小、裁剪...
|
|
和大家分享一款小巧的圖片合并庫(kù)——merge-images。https://github.com/lukechilds/merge-imagesMerge-images是什么？merge-images是一個(gè)JavaScript開源庫(kù)，用于將多個(gè)圖像合并成一個(gè)圖像。這個(gè)庫(kù)提供了簡(jiǎn)單易用的API，可以輕松地將多個(gè)圖像疊加在...
|
|
在日常開發(fā)和學(xué)習(xí)中，交互式元素如工具提示（Tooltips）、彈出框（Popovers）、下拉菜單（Dropdown）、菜單（Menu），已經(jīng)成為提升用戶體驗(yàn)的重要組件。今天，我們將一起探索一個(gè)輕量級(jí)、功能豐富的JavaScript庫(kù)——Tippy.js，它將幫助你輕松實(shí)現(xiàn)這些交互效果。什么是Tippy.js？Tipp...
|
|
和大家分享一款神奇的JavaScript開源文件上傳庫(kù)——FilePond。它是一款功能豐富的文件上傳庫(kù)，除了基本的文件上傳功能，還提供了多種插件，例如圖片疊加、媒體預(yù)覽、PDF預(yù)覽、獲取文件、壓縮目錄上傳、PDF轉(zhuǎn)換等。倉(cāng)庫(kù)地址Star:14.8k[1]FilePond是什么？FilePond是一個(gè)多功能的JavaS...
|
|
和大家分享一款神奇的JavaScript開源甘特圖庫(kù)——FrappeGantt。為Web應(yīng)用提供項(xiàng)目規(guī)劃的可視化工具。它以用戶友好的界面和靈活的配置，助力項(xiàng)目團(tuán)隊(duì)跟蹤進(jìn)度和管理資源。支持拖動(dòng)、縮放和任務(wù)依賴設(shè)置，易于集成并支持多語(yǔ)言，適合國(guó)際化使用。GithubStar4.5k[1]FrappeGantt是什么？Fra...
|
|
GithubStar:1.1K[1]1、RoosterJS是什么？RoosterJS是一個(gè)開源的JavaScript編輯器，由微軟維護(hù)。它易于整合進(jìn)各種Web應(yīng)用，支持自定義插件，增強(qiáng)編輯體驗(yàn)。特點(diǎn)包括框架無(wú)關(guān)性、插件化、API友好性、可定制化和可靠性。適用于各種需要富文本編輯功能的場(chǎng)合，如在線文檔編輯、博客寫作平臺(tái)、...
|
|
下面和大家分享一款神奇的JavaScript開源手寫簽名庫(kù)——Signature_Pad。它為網(wǎng)頁(yè)帶來(lái)便捷的手寫簽名體驗(yàn)。用戶可輕松在瀏覽器上繪制個(gè)性化簽名，并支持多種格式導(dǎo)出，簡(jiǎn)化了電子文檔的簽署流程。GithubStar:10.6k[1]1.Signature_Pad是什么？Signature_Pad允許用戶在網(wǎng)頁(yè)...
|
|
GithubStar:21.7k[1]1、Chalk.js是什么？Chalk.js是一個(gè)流行的Node.js庫(kù)，用于在終端中輸出彩色文本。它提供了一種簡(jiǎn)單的方法來(lái)改變控制臺(tái)中輸出的文本顏色和樣式，使得命令行輸出更具可讀性和吸引力。Chalk.js支持多種顏色和樣式，包括基本顏色、背景顏色、加粗、下劃線等多種修飾符，并且...
|
|
?GithubStar:21.8k[1]?官網(wǎng)[2]1、Driver.js是什么？Driver.js是一個(gè)輕量級(jí)、無(wú)依賴的原生JavaScript庫(kù)，用于在頁(yè)面中創(chuàng)建用戶引導(dǎo)功能。它可以幫助開發(fā)者在網(wǎng)頁(yè)上添加引導(dǎo)步驟，指導(dǎo)用戶完成特定任務(wù)或了解新功能。Driver.js的主要特點(diǎn)包括簡(jiǎn)單易用、高度可定制、能夠突出顯示頁(yè)...
|
|
?GithubStar:28.7k[1]?官網(wǎng)[2]1、Uppy.js是什么？Uppy.js是一個(gè)現(xiàn)代化的、模塊化的JavaScript文件上傳器，它可以無(wú)縫地集成到任何應(yīng)用程序中。它具備輕量級(jí)、易于使用的特點(diǎn)，并支持從本地磁盤、遠(yuǎn)程URL、云存儲(chǔ)服務(wù)等多種途徑獲取文件，并通過相機(jī)捕獲和記錄自拍等方式上傳文件。Uppy...
|
|
GithubStar:26k[1]官網(wǎng)[2]NProgress是什么？NProgress.js是一個(gè)輕量級(jí)的JavaScript庫(kù)，用于在應(yīng)用的頁(yè)面頂部顯示一個(gè)進(jìn)度條，指示頁(yè)面加載或異步操作的進(jìn)度。它非常適合用于單頁(yè)面應(yīng)用程序（SPA），能夠在路由變化時(shí)給用戶友好的加載提示。本文是NProgress.js的基本使用方法...
|
|
GithubStar:6.9K[1]Timesheet.js是什么？Timesheet.js是一個(gè)輕量級(jí)的JavaScript庫(kù)用于創(chuàng)建時(shí)間表。它基于HTML5和CSS3能夠創(chuàng)建吸引視覺呈現(xiàn)數(shù)據(jù)和時(shí)間軸。該庫(kù)的優(yōu)勢(shì)在于其簡(jiǎn)潔性和用戶友好性。僅需幾行少量JavaScript代碼即可以快速生成一個(gè)時(shí)間標(biāo)布局，并且可以不依賴...
|
|
?GithubStar:9.9k[1]?官方文檔[2]Chroma.js是什么？Chroma.js，一個(gè)小巧而強(qiáng)大的JavaScript庫(kù)，為你的色彩帶來(lái)無(wú)限可能。它以極簡(jiǎn)的代碼，解鎖顏色空間轉(zhuǎn)換、動(dòng)態(tài)漸變生成和智能顏色調(diào)整的大門。功能特性?顏色空間轉(zhuǎn)換：Chroma.js支持包括RGB、HEX、HSL、HSV、LAB...
|
|
?GithubStar:23.4k[1]?官網(wǎng)[2]Howler.js是什么？Howler.js是一款基于JavaScript支持現(xiàn)代網(wǎng)絡(luò)的音頻庫(kù)，默認(rèn)使用WebAudioAPI兼容回退HTML5Audio。它提供了豐富的API來(lái)處理音頻文件，包括播放、暫停、停止、跳轉(zhuǎn)等，并且支持多種音頻格式,包括但不限于MP3、Og...
|
|
GithubStar:6.1K[1]RandomColor.js是什么？RandomColor.js是一款功能豐富的JavaScript庫(kù)，用于生成隨機(jī)的顏色。它支持在瀏覽器和Node.js環(huán)境運(yùn)行，提供優(yōu)雅的方式來(lái)生成美觀的隨機(jī)顏色。RandomColor.js不僅可以生成隨機(jī)顏色，還允許通過傳遞參數(shù)來(lái)定制顏色的亮度...
|
|
?GithubStar:19.3k[1]?官網(wǎng)[2]SpinKit是什么？SpinKit是基于CSS3的加載動(dòng)畫庫(kù)，僅使用transform和opacity來(lái)創(chuàng)建流暢且易用的動(dòng)畫。他利用CSS3動(dòng)畫的強(qiáng)大功能，創(chuàng)建了一系列流暢、易于定制的動(dòng)畫效果。接下來(lái)，我們將一起討論下SpinKit的使用方法和應(yīng)用場(chǎng)景。SpinKi...
|
|
?GithubStar:6.4k[1]?官網(wǎng)[2]?Chance.js是什么？Chance.js是一款基于JavaScript開源庫(kù)，專注于生成各類隨機(jī)數(shù)據(jù)。生成包括隨機(jī)數(shù)字、字符、字符串在內(nèi)的多種數(shù)據(jù)類型，可以創(chuàng)建復(fù)雜的數(shù)據(jù)結(jié)構(gòu)，如隨機(jī)名稱、地址和骰子點(diǎn)數(shù)等。該庫(kù)采用MersenneTwister算法，支持生成可重復(fù)...
|
|
?GithubStar:19.4k[1]?文檔[2]Mock.js是什么？Mock.js是一款流行的前端數(shù)據(jù)模擬工具，允許開發(fā)者在不依賴后端接口的情況下，模擬后端數(shù)據(jù)，從而加快前端開發(fā)的速度。Mock.js可以攔截Ajax請(qǐng)求，并返回預(yù)先定義好的模擬數(shù)據(jù)，對(duì)前后端分離開發(fā)特別有用，可以使得前端開發(fā)在后端未開發(fā)好時(shí)能夠進(jìn)...
|
|
?GithubStar:11.6k[1]?官網(wǎng)[2]1、Mousetrap是什么？Mousetrap是一個(gè)輕量級(jí)的JavaScript庫(kù)，專門用于處理鍵盤快捷鍵。允許開發(fā)者在應(yīng)用中綁定和管理快捷鍵，支持單個(gè)按鍵、組合按鍵、按鍵序列以及自定義快捷鍵，支持指定按鈕的事件方式keypress、keydown和keyup。Mo...
|
|
?GithubStar:73.4k[1]?官網(wǎng)[2]1、FontAwesome是什么？Fontawesome是一個(gè)流行的開源圖標(biāo)庫(kù)，提供了一套可縮放的矢量圖標(biāo)，適用于頁(yè)面設(shè)計(jì)和開發(fā)。圖標(biāo)以字體文件的形式提供，可以像字體一樣使用，支持響應(yīng)式布局，并且很容易地通過CSS進(jìn)行樣式定制，如大小、顏色、陰影等。FontAweso...
|
400 186 1886
