常用的前端UI框架有哪些

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

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

Layui

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

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

NEC

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

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

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

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

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

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

Bootstrap

官方網址：

http://www.bootcss.com/

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

【推薦課程：

bootstrap教學】

#jquery EasyUI

官方網址：

http://www.jeasyui.net/

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

【推薦課程：

jQuery easyui教學】

jquery ui

官方地址：

https://jqueryui.com/

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

【推薦課程：

jQuery UI教學】

#Foundation

官方網址：

http://www.foundcss.com/

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

【推薦教學：

foundation教學】

YDUI Touch

官網網址：

http://www.ydui.org/#

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

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

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

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