欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

12個(gè)常用前端UI框架集合匯總

 更新時(shí)間:2020年02月18日 16:19:06   投稿:WDC  
本文整理了一些比較流行的前端UI框架其中有VUE、bootstrap、jQuery等框架,,排名不分先后,僅供參考??砂凑枕?xiàng)目需求自行考慮

1、bootstrap

Bootstrap 是Twitter推出的一個(gè)用于前端開發(fā)的,一個(gè)用于 HTML、CSS 和 JS 開發(fā)的開源工具包,是全球最受歡迎的前端組件庫,用于開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目。

官網(wǎng):https://v4.bootcss.com/

文檔:https://v4.bootcss.com/docs/getting-started/introduction/

2、Layui

layui(諧音:類UI) 是一款采用自身模塊規(guī)范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡(jiǎn),體積輕盈,組件豐盈,非常適合界面的快速開發(fā)。layui 兼容人類正在使用的全部瀏覽器(IE6/7除外),可作為 PC 端后臺(tái)系統(tǒng)與前臺(tái)界面的速成開發(fā)方案。

官網(wǎng):https://www.layui.com/

例子:https://www.layui.com/admin/std/dist/views/

3、MuseUI

Muse UI 基于 Vue2.0 開發(fā),一套 Material Design 風(fēng)格開源組件庫,旨在快速搭建頁面,擁有40多個(gè)UI 組件,提供了自定義主題,充分滿足可定制化的需求。

官網(wǎng):https://muse-ui.org/

例子:https://muse-ui.org/#/zh-CN/

4、View UI

即原先的 iView,是一套基于 Vue.js 的開源 UI 組件庫,主要服務(wù)于 PC 界面的中后臺(tái)產(chǎn)品。特點(diǎn):豐富的組件和功能,滿足絕大部分網(wǎng)站場(chǎng)景;提供開箱即用的 Admin 系統(tǒng) 和 高階組件庫;提供專業(yè)、優(yōu)質(zhì)的一對(duì)一技術(shù)支持;細(xì)致、漂亮的 UI,可自定義主題。

官網(wǎng):https://www.iviewui.com/

例子:https://www.iviewui.com/docs/introduce

5、jQueryUI

jQuery UI是在jQuery JavaScript庫之上構(gòu)建的一組精選的用戶界面交互,效果,小部件和主題。無論是構(gòu)建高度交互的Web應(yīng)用程序,還是只需要向表單控件添加日期選擇器,jQuery UI都是理想的選擇。

官網(wǎng):https://jqueryui.com/

例子:https://jqueryui.com/demos/

6、EasyUI

EasyUI是一種基于jQuery、Angular.、Vue和React的用戶界面插件集合。

jQuery EasyUI 提供易于使用的組件,它使 Web 開發(fā)人員能快速地在流行的 jQuery 核心和 HTML5 上建立程序頁面。

EasyUI for Angular是基于原生的Angular 5之上構(gòu)建的,不需要其他外部JavaScript庫。

官網(wǎng):http://www.jeasyui.net/

例子:http://www.jeasyui.net/demo/380.html

7、QuicK UI

QuicK UI 4.0 的組件庫包含了一百多種組件,一千多個(gè)應(yīng)用場(chǎng)景示例,囊括了web開發(fā)的各種應(yīng)用場(chǎng)景。組件的使用也都非常簡(jiǎn)單,能讓你的開發(fā)效率提高N倍。

官網(wǎng):http://www.uileader.com/product_quickui.html

例子:http://www.uileader.com/quickui/system/main/main.jsp

8、Element Ui

Element,一套為開發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0的桌面端組件庫。

官網(wǎng):https://element.eleme.cn/#/zh-CN/

例子:https://element.eleme.cn/#/zh-CN/component/installation

9、At-UI

at-ui 是一個(gè)模塊化的前端 UI 框架,開發(fā)基于Vue.js 的快速和強(qiáng)大的 Web 界面。專門為桌面應(yīng)用程序構(gòu)建,AT-UI提供了一套 npm + webpack + babel 前端開發(fā)工作流程。它提供了一個(gè)體面的干凈整潔的 UI 組件。主要用于快速開發(fā) PC 網(wǎng)站中后臺(tái)產(chǎn)品。

官網(wǎng):https://at-ui.github.io/at-ui/#/zh

例子:https://at-ui.github.io/at-ui/#/zh/docs/introduction

10、antd

antd 是基于 Ant Design 設(shè)計(jì)體系的 React UI 組件庫,主要用于研發(fā)企業(yè)級(jí)中后臺(tái)產(chǎn)品。開箱即用的高質(zhì)量 React 組件,全鏈路開發(fā)和設(shè)計(jì)工具體系,數(shù)十個(gè)國(guó)際化語言支持。

官網(wǎng):https://ant.design/index-cn

例子:https://ant.design/docs/react/introduce-cn

11、Material-UI

Material-UI是基于React 的UI框架,更快速、更簡(jiǎn)便的 web 開發(fā)。官方市場(chǎng)中的高級(jí)主題——均以 Material-UI 為基礎(chǔ)。

官網(wǎng):https://material-ui.com/zh/

例子:https://material-ui.com/zh/getting-started/installation/

12、Vant Weapp

Vant Weapp,是有贊前端團(tuán)隊(duì)開發(fā)維護(hù), 是移動(dòng)端 Vue 組件庫 Vant 的小程序版本,兩者基于相同的視覺規(guī)范,提供一致的 API 接口,助力開發(fā)者快速搭建小程序應(yīng)用。

官網(wǎng):https://youzan.github.io/vant-weapp/#/intro

更多關(guān)于前端UI框架請(qǐng)查看下面的相關(guān)鏈接

相關(guān)文章

  • 字符集和字符編碼(Charset & Encoding)

    字符集和字符編碼(Charset & Encoding)

    相信大家一定碰到過,打開某個(gè)網(wǎng)頁,卻顯示一堆像亂碼,如"бЇЯАзЪСЯ"、"�????????"?還記得HTTP中的Accept-Charset、Accept-Encoding、Accept-Language、Content-Encoding、Content-Language等消息頭字段?這些就是接下來我們要探討的
    2012-04-04
  • 字符編碼詳解(基礎(chǔ))

    字符編碼詳解(基礎(chǔ))

    字符編碼問題, 對(duì)于一個(gè)在偉大天朝的程序員來說, 幾乎不可能遇不到, 從我剛開始接觸Coding到現(xiàn)在, 亂碼, 編碼轉(zhuǎn)換問題就好像一直沒有停息過.

    2009-09-09
  • Halcon讀取json文件實(shí)現(xiàn)示例

    Halcon讀取json文件實(shí)現(xiàn)示例

    這篇文章主要為大家介紹了Halcon讀取json文件實(shí)現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-06-06
  • Webpack基礎(chǔ)教程之名詞解釋

    Webpack基礎(chǔ)教程之名詞解釋

    webpack 是一個(gè)現(xiàn)代JavaScript 應(yīng)用程序的靜態(tài)模塊打包器,這次為大家簡(jiǎn)單介紹一下webpack及關(guān)于webpack的一些專屬名詞入口(entry),輸出(output),loader,插件(plugins)
    2020-02-02
  • xmind2022下載非試用超詳細(xì)圖文教程

    xmind2022下載非試用超詳細(xì)圖文教程

    這篇文章主要介紹了xmind2022下載非試用(超詳細(xì) 圖文預(yù)警),本文通過圖文并茂的形式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-10-10
  • kali-linux?202202?安裝w3af命令行版的詳細(xì)過程

    kali-linux?202202?安裝w3af命令行版的詳細(xì)過程

    這篇文章主要介紹了kali-linux?202202?安裝w3af命令行版,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-06-06
  • 使用selenium自動(dòng)控制瀏覽器找不到Chromedriver問題

    使用selenium自動(dòng)控制瀏覽器找不到Chromedriver問題

    這篇文章主要介紹了ChromeDriver安裝與配置問題的解決方法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-02-02
  • Typora?0.11.18免費(fèi)版本安裝使用教程(親測(cè)可用)

    Typora?0.11.18免費(fèi)版本安裝使用教程(親測(cè)可用)

    Typora是一款非常使用的筆記工具,對(duì)于程序員非常友好,在2021年11月23日,Typora?正式發(fā)布?1.0?版本,進(jìn)入了付費(fèi)時(shí)代,Typora免費(fèi)版本0.11.18(最后的免費(fèi)版),本文給大家分享Typora免費(fèi)獲取方法及安裝使用教程,感興趣的朋友參考下吧
    2022-07-07
  • 微信小程序配置服務(wù)器域名詳細(xì)圖文教程

    微信小程序配置服務(wù)器域名詳細(xì)圖文教程

    每個(gè)微信小程序都要在上線前配置好服務(wù)器域名,不然會(huì)顯示白屏,需要小程序開發(fā)者在小程序后臺(tái)操作設(shè)置,下面這篇文章主要給大家介紹了關(guān)于微信小程序配置服務(wù)器域名的詳細(xì)圖文教程,需要的朋友可以參考下
    2024-02-02
  • HTTP狀態(tài)代碼集合 方便查詢

    HTTP狀態(tài)代碼集合 方便查詢

    HTTP協(xié)議是基于請(qǐng)求/響應(yīng)范式的。一個(gè)客戶機(jī)與服務(wù)器建立連接后,發(fā)送一個(gè)請(qǐng)求給服務(wù)器,請(qǐng)求方式的格式為,統(tǒng)一資源標(biāo)識(shí)符、協(xié)議版本號(hào),后邊是MIME信息包括請(qǐng)求修飾符、客戶機(jī)信息和可能的內(nèi)容。
    2011-02-02

最新評(píng)論