首頁 > 常見問題 > 常用的前端UI框架有哪些

常用的前端UI框架有哪些

清浅
發布: 2019-02-25 16:13:19
原創
8596 人瀏覽過

前端中常見的UI框架有:layui框架、NEC框架、Bootstrap、easyui、jQuery UI框架以及Foundation框架等等

隨著前端的技術日漸更新,越來越多的前端框架隨之出現。這些前端框架為我們的開發工程節省了大量的時間,可以讓我們透過這些技術快速建構產品。接下來在文章中為大家介紹一些常用的前端ui框架,具有一定的參考價值,希望對大家有所幫助

常用的前端UI框架有哪些

Layui

#官方網址:https://www.layui.com/

layui是一個採用自身模組規範化所寫的前端UI框架,它依照原生HTML/CSS/ JS的書寫與組織形式,入門簡單,使用也非常簡單。從核心程式碼到API的每個細節都經過精心雕琢,非常適合介面的快速開發。

常用的前端UI框架有哪些

NEC

正式網址:http://nec.netease.com/

#NEC框架是非常優秀的CSS框架,它包含了規格、框架、程式碼庫等內容。它也提供了常見佈局、模組、技巧等程式碼,為滿足產品對不同的平台和設備的要求,NEC程式碼庫中的程式碼開發使用了三種版本:相容、優雅、高級

##相容:支援包括IE6在內的所有主流瀏覽器和設備,UI效果可能會退化。

優雅:在高級瀏覽器中有“高級”效果,在低級瀏覽器中有“兼容”效果,是高級版的“優雅退化”,也是兼容版的“漸進增強”。

進階:支援IE9 、Chrome、Safari、Firefox等主流瀏覽器,支援行動裝置和所有智慧型系統,具有優越的UI效果。

總之NEC提供了很多基礎性的東西,對於剛入行的web前端工程師們來說,它可以幫助我們更好更方便的學習一些web前端系統性的東西,規範,BUG,技巧等等,而且每個demo中還自帶程式碼運行效果,可以隨時修改方便自己調試、學習

常用的前端UI框架有哪些

Bootstrap

官方網址:

http://www.bootcss.com/

Bootstrap 是一個用於快速開發Web 應用程式和網站的前端框架。 Bootstrap 是基於 HTML、CSS、JAVASCRIPT 語言的。簡潔、直覺、實用的前端開發框架,讓web開發更迅速、簡單。

【推薦課程:

bootstrap教學

常用的前端UI框架有哪些

#jquery EasyUI

官方網址:

http://www.jeasyui.net/

easyui是一種基於jQuery的使用者介面外掛程式集合。為創建現代化,互動,JavaScript應用程序,提供必要的功能。使用easyui你不需要寫很多程式碼,你只需要透過寫一些簡單HTML標記,就可以定義使用者介面。完美支援HTML5網頁的完整框架。節省您網頁開發的時間和規模。

【推薦課程:

jQuery easyui教學

常用的前端UI框架有哪些

jquery ui

官方地址:

https://jqueryui.com/

jQueryUI是一套jQuery的頁面UI插件,包含許多常用的頁面空間。範例:對話方塊、拖放效果、日期選擇、顏色選擇、資料排序、窗體大小調整等等非常多的內容功能非常全面,介面也很漂亮,可以整體使用,也可以分開使用其中的幾個模組,而且免費開源!

【推薦課程:

jQuery UI教學

常用的前端UI框架有哪些

#Foundation

官方網址:

http://www.foundcss.com/

Foundation 是一款易於使用、強大且靈活的響應式前端框架,用於建立基於任何裝置上的響應式網站、 Web應用程式和電子郵件。結構語意化、行動裝置優先、完全可自訂。

【推薦教學:

foundation教學

常用的前端UI框架有哪些

YDUI Touch

官網網址:

http://www.ydui.org/#

YDUI Touch是專為行動端打造,在技術實現、互動設計上能夠兼容主流行動設備,保證代碼輕、性能高;使用Flex 技術,靈活自如地對齊、收縮、擴展元素,輕鬆搞定移動頁面佈局;實現強大的螢幕適配佈局,等比例適配所有螢幕。透過它可以自訂JavaScript元件、Less檔、Less變量,自訂一份屬於自己的YDUI

常用的前端UI框架有哪些

#相關文章推薦:#常用的前端框架有哪些

總結:以上就是這篇文章的全部內容,希望對大家有幫助。

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板