搜尋
首頁web前端Layui教程前端框架除了layui還有哪些

前端框架除了layui還有哪些

目前最熱門的前端框架

1、bootstrap

目前最受歡迎的HTML , CSS 和JavaScript 框架,用於開發響應式,行動端先行的web 專案

gethub:https://github.com/twbs/bootstrap

官網:http://getbootstrap .com/

2、vue

一個用於建立使用者介面的直覺、快速、簡潔的MVVM 框架

gethub:https://github.com/vuejs /vue

官網:https://vuejs.org/

3、angular.js

Google推出的MVVM框架,它會透過雙向資料綁定自動從你的UI(視圖)同步資料到javascript模型。

gethub:https://github.com/angular/angular.js

官網:https://angularjs.org/

4、react

#Facebook 推出的一款聲明式的,高效的,靈活的用於創建用戶界面的JavaScript 庫

gethub:https://github.com/facebook/react

官網:https://reactjs.org/

5、webpack

一個現代JavaScript 應用程式的靜態模組打包器

gethub:https://github.com/ webpack/webpack

官網:https://webpack.js.org/

#UI框架

1、react-native

一個基於React 的創建原生APP的框架,它使用與React相同的設計,可讓您從聲明性元件組成豐富的行動UI。

gethub:https://github.com/facebook/react-native

官網:http://facebook.github.io/react-native/

2 、layer

layui框架下的一個彈出層框架pc和行動端都可使用簡潔方便

官網:http://layer.layui.com/

##3 、video.js

Video.js - 開源的HTMl5 和Flash 影片播放器

gethub:https://github.com/videojs/video.js

官網:https://videojs.com/

相關推薦:《

layui框架教學

css框架

1 、animate.css

跨瀏覽器的CSS3動畫庫,使用方便

gethub:https://github.com/daneden/animate.css

#官網:https://github.com/daneden/animate.css

#官網:https ://daneden.github.io/animate.css/

2、Font-Awesome

圖示字體和CSS 套件,Font Awesome 是一整套包含585 象形向量圖示的字體庫,由Dave Gandy 創建和維護,在Twitter上保持更新最新版本的發布

gethub:https://github.com/FortAwesome/Font-Awesome

官網:https:// fontawesome.com/?from=io

3、Hover

CSS3滑鼠移到元素上面的動畫效果,可運用在超連結、按鈕、logo、SVG、圖片等等。能夠很方便地使用在你自己的元素上,支援CSS、Sass、LESS

gethub:https://github.com/IanLunn/Hover

官網:https://ianlunn .github.io/Hover/

4、metro-ui-css

#用於建立Windows 8 Metro UI樣式介面的CSS樣式

gethub:https:// github.com/olton/Metro-UI-CSS

官網:https://metroui.org.ua/examples.html

視覺化視圖框架

1、d3

一個針對HTML 和SVG 的JavaScript 視覺化函式庫

gethub:https://github.com/d3/d3

官網:https://d3js.org/

2、three.js

JavaScript 3D 函式庫,該專案旨在創建一個輕量的,易用的3D 圖形庫 

#gethub:https://github.com/mrdoob/three.js

官網:https://threejs.org/

3、echarts

百度團隊開發的一款商業級數據圖表

gethub:https://github.com/apache/incubator-echarts

官網:http://echarts.baidu.com/

4、Chart.js

使用 標籤的簡潔的HTML5圖表

gethub:https://github.com/chartjs/Chart.js

官網:https://www.chartjs.org/###

以上是前端框架除了layui還有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
如何使用Layui的流塊模塊進行無限滾動?如何使用Layui的流塊模塊進行無限滾動?Mar 18, 2025 pm 01:01 PM

文章討論了使用Layui的流量模塊進行無限滾動,涵蓋設置,最佳實踐,性能優化和自定義,以增強用戶體驗。

如何使用Layui的元素模塊來創建選項卡,手風琴和進度條?如何使用Layui的元素模塊來創建選項卡,手風琴和進度條?Mar 18, 2025 pm 01:00 PM

本文詳細介紹瞭如何使用Layui的元素模塊來創建和自定義UI元素,例如選項卡,手風琴和進度條,突出顯示HTML結構,初始化和常見的陷阱,以避免。

如何自定義Layui旋轉木製模塊的外觀和行為?如何自定義Layui旋轉木製模塊的外觀和行為?Mar 18, 2025 pm 12:59 PM

本文討論了自定義Layui的Carousel模塊,重點介紹了外觀和行為的CSS和JavaScript修改,包括過渡效果,自動播放設置以及添加自定義導航控件。

如何使用Layui的旋轉木載模塊來創建圖像滑塊?如何使用Layui的旋轉木載模塊來創建圖像滑塊?Mar 18, 2025 pm 12:58 PM

該文章指導使用Layui的Carousel模塊用於圖像滑塊,詳細介紹設置的步驟,自定義選項,實現自動播放和導航以及性能優化策略。

如何將Layui的上傳模塊配置為限製文件類型和尺寸?如何將Layui的上傳模塊配置為限製文件類型和尺寸?Mar 18, 2025 pm 12:57 PM

本文討論了使用Accept,Exts和Size屬性來限制Layui的上傳模塊,以限製文件類型和尺寸,並自定義錯誤消息以違反。

如何使用Layui的圖層模塊來創建模態窗口和對話框?如何使用Layui的圖層模塊來創建模態窗口和對話框?Mar 18, 2025 pm 12:46 PM

本文介紹瞭如何使用Layui的圖層模塊創建模態窗口和對話框,詳細設置,類型,自定義和常見的陷阱要避免。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前By尊渡假赌尊渡假赌尊渡假赌
威爾R.E.P.O.有交叉遊戲嗎?
1 個月前By尊渡假赌尊渡假赌尊渡假赌

熱工具

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。