- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 9ipad版office如何激活? office365激活的圖文說明教程
- 10最新的Adobe Illustrator CS4序列號大全
- 11Mac怎么通過設(shè)置VPN來登錄youtube等國外網(wǎng)站
- 12qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對方是否已經(jīng)查看
您當前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> 好用的67個前端工具、庫與資源
好用的67個前端工具、庫與資源
發(fā)表時間：2024-01-03 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這個列表包含許多種類的資源，所以這里我將它們分組整理。Javascript 庫Particles.js?—?一個用來在 web 中創(chuàng)建炫酷的浮動粒子的庫Three.js?—?一個用來在 web 中創(chuàng)建 3d 物體和 3d 空間的庫Fullpage.js—?快速實現(xiàn)全屏滾動特性Typed.js?—?...
這個列表包含許多種類的資源，所以這里我將它們分組整理。Javascript 庫
Particles.js?—?一個用來在 web 中創(chuàng)建炫酷的浮動粒子的庫
Three.js?—?一個用來在 web 中創(chuàng)建 3d 物體和 3d 空間的庫
Fullpage.js—?快速實現(xiàn)全屏滾動特性
Typed.js?—?打字機效果
Waypoints.js?—?滾動到某個元素位置時觸發(fā)一個功能
Highlight.js?—?web 語法高亮
Chart.js?—?使用 JavaScript 創(chuàng)建漂亮的圖表
Instantclick?—?能夠明顯加速網(wǎng)站加載時間，鼠標 hover 時預(yù)加載資源
Chartist?—?另一個圖表庫
Motio?—?一個基于動畫和平移的雪碧圖庫
Animstion?—?CSS 實現(xiàn)動畫過渡的 jQuery 插件
Barba.js?—?流式頁面過渡
TwentyTwenty?—?一個對比圖片的可視化 diff 工具
Vivus.js?—?在 SVG 上繪制動畫
Wow.js?—?滾動時展現(xiàn)動畫
Scrolline.js?—?頁面滾動時顯示滾動進度
Velocity.js?—?快速流暢的 JavaScript 動畫
Animate on scroll?—?漂亮的頁面滾動元素動畫
Handlebars.js?—?Javascript 模板
jInvertScroll?—?視差滾動
One page scroll?—?又一個頁面滾動庫
Parallax.js?—?對智能設(shè)備方向變化做出響應(yīng)的視差引擎
Typeahead.js?—?搜索補全
Dragdealer.js?—?炫酷拖拽
Bounce.js?—?創(chuàng)建炫酷的 CSS3 動畫
Pagepiling.js?—?全屏滾動
Multiscroll.js?—?兩列垂直反向滾動
Favico.js?—?動態(tài) favicon
Midnight.js?—?固定頭部切換效果
Anime.js?—?動畫庫
Keycode?—?獲取鍵盤按鍵的 JavaScript keycode
Sortable?—?拖拽插件
Flexdatalist?—?自動補全
Slideout.js?—?移動應(yīng)用側(cè)滑導(dǎo)航
Jquerymy?—?使用 jQuery 實現(xiàn)雙向數(shù)據(jù)綁定
Cleave.js?—?實時格式化輸入內(nèi)容
Page?—?客戶端單頁應(yīng)用路由
Selectize.js?—?用來添加 tag 的 Hybrid 選擇框
Nice select?—?創(chuàng)建漂亮的選擇框的 jQuery 庫
Tether?—?使用固定定位來創(chuàng)建相關(guān)元素
Shepherd.js?—?為應(yīng)用創(chuàng)建新手引導(dǎo)
Tooltip?—?tooltip 提示框
Select2?—?Jquery 選擇框插件
IziToast?—?通知彈窗實現(xiàn)
IziModal?—?模態(tài)框?qū)崿F(xiàn)
CSS 庫 / 設(shè)計相關(guān)
Animate.css?—?動畫庫
Flat UI Colors?—?扁平化設(shè)計配色
Material design lite—?基于 Google material design 的框架
Colorrrs?—?隨機顏色生成器
Section separators?—?CSS 實現(xiàn)區(qū)域分割
Topcoat?—?框架
Create ken burns effect?—?使用 CSS3 動畫實現(xiàn) Ken burns 特效
DynCSS?—?給 CSS 添加 function，動態(tài)化 CSS
Magic animations?—?CSS3 實現(xiàn)動畫特效
CSSpin?—?css spinners 合集
Feather icons?—?Icon 集合
Ion icons?—?Icon 集合
Font awesome?—?Icon 集合
Font generator?—?組合多個字體創(chuàng)建混合字體
On/Off switch?—?使用 CSS 創(chuàng)建 on/off 開關(guān)、radio 按鈕
UI Kit?—?框架
Bootstrap?—?框架
Foundation?—?框架
有用的產(chǎn)品/鏈接
<head>cheatsheet?—?可以寫在<head>中的所有標簽
Ghost?—?基于 Node.js 的博客平臺
What runs?—?一個用于網(wǎng)站技術(shù)分析的 Chrome 插件
Learn anything?—?一個強大的用于分析某個主題的思維導(dǎo)圖
以上就是好用的67個前端工具、庫和資源 的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。
推薦資訊 總?cè)藲獍?/span>
相關(guān)文章
- html中對于a標簽的onclick以及href的執(zhí)行順序詳細說明
- 在a標簽的href與onclick中使用JavaScript的區(qū)別
- html中a標簽的href與onclick具體說明
- html中對于a標簽href屬性中的一個很少人知道的坑
- html頁面中a標簽href屬性可以不寫嗎？
- html中a標簽href=#與href=javascript:void(0)的區(qū)別解析
- html中a標簽href='#'與href='###'的區(qū)別分享
- html中a標簽href=""的幾種用法說明
- html中對于a標簽偽類中的visited無效的處理方法
- 對于html頁面優(yōu)化的案例詳細說明
- 比較div中的offsetLeft與style.left用法區(qū)別
- 區(qū)分input submit、button與回車鍵提交數(shù)據(jù)幾者之間的區(qū)別不同
