① web前端開發框架有哪些
常見的web前端開發框架如下：
1、Bootstrap：
主流框架之一，Bootstrap 是基於 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發更加快捷。
2、html5-boilerplate：
該框架可以快速構建健壯，且適應力強的web app或網站。
3、Meteor：
Meteor是新一代的開發即時web應用的開源框架，它能在較短時間內完成開發。
4、Materialize：
基於材料設計的現代化響應式前端框架。可提供默認的樣式，自定義組件。此外，Materialize還改進動畫和過渡，為開發人員提供流暢的體驗。
5、Amaze UI：
國內首個開源HTML5跨屏前端框架產品系列，中文排版支持更優、本土化組件豐富。該產品系列中有專門針對移動端的HTML5混合應用開發框架Amaze UI Touch以及針對跨屏HTML5網頁開發的Amaze UI Web。
(1)html前端ui框架擴展閱讀：
web框架程序的作用：
Web框架使得在進行Web應用開發的時候，減少了工作量。Web框架主要用於動態網路開發，動態網路主要是指現在的主要的頁面，可以實現數據的交互和業務功能的完善。
使用Web框架進行Web開發的時候，在進行數據緩存、資料庫訪問、數據安全校驗等方面，不需要自己再重新實現，而是將業務邏輯相關的代碼寫入框架就可以。也就是說，通過對Web框架進行主觀上的「縫縫補補」，就可以實現自己進行Web開發的需求了。
以PHP為例，PHP可以在apache伺服器上進行Web開發，而不必使用框架。使用PHP進行開的時候，在不適用框架的情況下，資料庫連接就需要自己來實現，頁面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作，而使用PHP在不用框架的情況下，這部分要自己做。
參考資料來源：網路-前端開發
② 什麼是集成UI的前端框架
目前流行的10個UI前端框架
1. Kendo UI
Kendo UI 將它本身定位成為:」當代web和手機app開發所需的綜合 HTML5/JavaScript 框架。Telerik』s Kendo UI是每一位需要創建HTML5站點和手機apps的專業開發人員所需要的。
Kendo UI 卻擁有全部：豐富的jQuery的窗體部件，簡單並且始終如一的程序介面，穩定可靠的數據源，驗證，國際化,MVVM框架，主題，模板，等等.
2. jQuery Mobile
jQuery Mobile:智能機和平板上觸摸體驗最好的Web Framework.一個統一的，以HTML5為基礎的面向所有流行的手機設備平台的用戶介面系統，構建在穩定可靠的jQuery和jQuery UI 上。它的輕量級代碼逐漸增強並且擁有靈活自由，容易的主題設計.
3. ionic
ionic是一個用來開發混合手機應用的，開源的，免費的代碼庫。可以優化html、css和js的性能，構建高效的應用程序，而且還可以用於構建Sass和AngularJS的優化。ionic會是一個可以信賴的框架。
ionic是一個專注於用WEB開發技術，基於HTML5創建類似於手機平台原生應用的一個開發框架。綁定了AngularJS和Sass。這個框架的目的是從web的角度開發手機應用，基於PhoneGap的編譯平台，可以實現編譯成各個平台的應用程序。
ionic的開發添加android和ios環境。
ionic提供很多css組件和javascript UI庫。
ionic可以支持定製android和ios的插件，也支持服務端REST的敏捷開發。
4. LungoJS
LungoJS這個是被認為開發移動網站最好的HTML5開發框架，使用 HTML5/CSS3 和 JavaScript 技術。可幫助創建基於 iOS、 Android、 Blackberry 和 WebOS 平台的應用程序。該框架可利用當前移動設備的高級特性，可捕捉事件包括滑動、觸屏、長按等。無需使用圖片，全部採用向量聲稱。
Lungo.JS 無需伺服器端支持，可幫助實現 HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。這是一個完全可定製的框架，可用來創建應用、游戲等程序。
5. Zino UI
Zino UI 是一個基於 jQuery，兼容 WAI-ARIA 的用戶介面框架，包含超過 23 個不同的組件。跨平台的 UI 框架可幫你構建 Web 和企業應用。
6. jqxWidgets
jqxWidgets 是一個復雜的、創新的 UI 部件庫，基於 jQuery 開發，可讓用戶開發非常專業的、跨瀏覽器支持的 Web應用
7. Sencha Touch
Sencha Touch是第一個基於HTML5的移動應用框架，利用JavaScript、HTML5和CSS3來構建移動應用程序，該框架利用本地代理存儲離線數據，具體使用HTML5來渲染視頻和音頻組件。
可以讓你的Web App看起來就像本地應用程序一樣。美麗的用戶界面組件和豐富的數據管理，全部基於最新的HTML5和CSS3的Web標准，全面兼容Android和Apple iOS設備。
8. Jo
該框架可以創建像本地一樣的應用，並且兼容任何操作系統，無論是Blackberry、iOS還是Android。並且提供許多HTML5小部件。使用它可以解決任何動畫設計方面的問題。
9. 52 Framework
52 Framework擁有16列的網格模板。該框架來自於CSS3樣式里的新「Selection」、陰影、圓角以及有效的HTML5標記。該框架還提供了一些特殊的腳本和樣式用於IE6。
10. LimeJS
LimeJS 是一個 JavaScript 游戲開發框架，用於快速構建運行於觸屏設備和桌面瀏覽器的游戲。允許開發者創建基於 HTML5 的游戲，支持主流瀏覽器包括iOS。
10. G5 Framework
如果你想要快速實現Web開發，並且想要重用ant主題或應用程序或網站項目，那麼G5 框架是您最好的選擇，因為該框架旨在提升開發效率、減少代碼。該框架採用特色的PHP激活類、SEO優化技術。除了G5自身所帶的這些功能特性外，它還集成其他許多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等
③ 移動webapp前端ui用哪個框架好
WeUI
WeUI是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信 Web 開發量身設計，可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
Frozen UI是騰訊社交用戶體驗設計 － 增值UI開發團隊一個開源的簡單易用，輕量快捷的移動端UI框架。基於手Q樣式規范，選取最常用的組件，
做成手Q公用離線包減少請求，升級方式友好，文檔完善，目前全面應用在騰訊手Q增值業務中。
FrozenUI提供的CSS組件是目前QQ會員前端開發組所用的通用樣式庫。遵循手Q樣式規范，基本樣式使用離線包的方式減少請求，並提供快速接入的方案。
FrozenUI提供的一系列JavaScript插件，更優雅地在移動端上呈現更靈動的動畫效果。
FrozenJS 是針對移動端開發的 js 組件庫，其依賴 zepto.js 和 FronzenUI。
FrozenJS 的所有組件均以 zepto 的插件的形式存在。
阿里開源的SUI Mobile
SUI Mobile
SUI Mobile 是一套基於 Framework7 開發的UI庫。並參考 Ratchet、Fastclick 開源庫。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，並且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發跨平台Web App。
輕量的UI庫 SUI Mobile 非常輕量，核心庫壓縮Gzip後的JS、CSS網路傳輸體積總共只有52K，卻提供了20+個常用的組件。
對於只有HTML&CSS的組件，你只需要復制HTML代碼既可以使用。他的大部分JS組件都是獨立的 Zepto 插件，並且提供了Zepto/jQuery 風格的API，你將會非常熟悉這種方式。
開發團隊：阿里巴巴共享業務事業部UED團隊
網路系
GMU
GMU是基於zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件!
Jingle
Jingle是一個SPA(Single Page Application)開發框架，用來開發移動端的html5應用，在體驗上盡量去靠近native應用，希望有一天html5能夠做到與native一樣的操作體驗。
豐富的UI組件提供了按鈕、列表、表單、彈出框、輪換、上拉/下拉、日歷等各種移動端常用的組件，簡單適用，
前後端分離支持前端模板渲染，模板按需自動載入，完善的事件機制。
輕量級基於Zepto開發，依賴了iscrol
purecss
purecss採用其Grid的部分即可，需要定製的部分，建議自行配置，或者是直接採用grid.css，grid960.css這樣的柵格來處理。Purecss小的沒有節操，全部模塊gzip壓縮後才 4.4KB* 。 考慮到移動端，保持文件盡量小對我們來說非常重要，每一行CSS都經過深思。如果你只用部分模塊，簡直小的忽略。
Pure基石,Pure基於Normalize.css添加了HTML元素的布局和樣式，以及常用的UI組件。全是精華，木有糟粕。
移動端是初衷,Pure是響應式的盒子模型，適應所有尺寸的屏幕。通過皮膚生成器可以自定義樣式。
寫出你自己的樣式,Pure提供最基礎的樣式，鼓勵你基於此寫出自己的樣式。它被設計為容易覆寫，且不影響你自己的樣式。
ionic
基於angular2，豐富的UI組件，大大改進的編程模型，非常適合快速開發。
jquery mobile
jQuery Mobile 是創建移動 web 應用程序的框架。
jQuery Mobile 適用於所有流行的智能手機和平板電腦。
jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。
Bootstrap
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式布局、移動設備優先的 WEB 項目。
wex5
國產的ui，支持打包。
前端UI：完全恪守html5+css3+js，干凈純潔設備api：採用業界主流Phonegap/Cordova
向導、模板：簡單定義，即可輕松製作向導和模板
主題、樣式：海量bootstrap資源引入和定製
UI組件：純H5+CSS3，輕松引入第三方UI組件
插件：輕松對接即時通訊、推送、支付等各類插件
後端：輕松調用後端組件和api，並實現可視化
④ 前端什麼框架更好用
bootstrap框架，這個應該是所有前端開發都知道並用過的一個框架了，應為這個是目前最流行的框架，使用最廣，網上文檔資料模板最多最容易查找的了。它提供了很多流行的樣式簡潔的UI組件，柵格系統以及一些常用的JavaScript插件，簡潔、直觀、強悍，讓web開發更迅速、簡單。
Foundation 是一個易用、強大而且靈活的響應式前端框架，用於構建基於任何設備上的響應式網站、 Web應用和電子郵件。結構語前端的學習都是需要不斷的學習，學一天停一停相當於白學，學習效果很差，如果你想有人一起學習可以來這個扣裙，首先是132 中間是667最後是127 都是零基礎的同學，大家相互鼓勵 共同努力 只是學著玩就不建議來了!!!義化、移動設備優先、完全可定製。
Semantic UI 經過多年的努力、致力於可以用更語義化的方式構建網站、原生語言規則讓代碼更易讀易懂。
Amaze UI | 中國首個開源 HTML5 跨屏前端框架。Amaze UI 以移動優先（Mobile first）為理念，組件豐富，模塊化；本地化支持， 關注中文排版；輕量級，高性能。官網提供有豐富的模板下載。織夢系統wap手機模塊就是用的就是這個。
SUI 是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規范。通過SUI，可以非常方便的設計和實現精美的頁面。
SUI Mobile 是一套基於 Framework7 開發的UI庫。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，並且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發跨平台Web App。
⑤ 前端ui框架的區別有哪些
前端ui框架的區別有哪些？在各種前端UI框架的差異中，M模型模型;V視圖視圖;VM視圖的模型視圖;P主持人節目主持人;C控制器控制器;W不管;讓我們先看看MVVM。其餘的並不重要。VM屬於模型和視圖的連接器，並與之分離。每個部分負責不同的內容，為長遠發展打下良好的基礎。這種觀點很容易理解。它是HTML、CSS和JS代碼，而且它在前端與HTML和CSS相關。例如:寫表單，開始用HTML架構，CSS美化，JS動畫控制。模型模型。簡而言之，它是伺服器與業務邏輯之間連接的形成。其中許多都需要非同步處理和獨立更新。因此，它必須與視圖分開。
前端ui框架的區別有哪些？與前端UI框架相比，兩者之間的連接是視圖模式視圖模型。這只是一個連接，而不是控制項。確保獨立。在多視圖、多模式之前，它是一個很好的橋梁。P在顯示和部分控制中起著較大的作用。換句話說，後面在NG中顯示的很多角度都可以理解為PC master，比如讀取M數據，然後在v-View中插入一個模塊。如果用角度進行解釋，則控制器為c。因此，綁定V和M會導致後期開發困難。W沒有那麼具體。更加靈活。由於我們使用了大量的框架和庫，由於一些函數被迫分離，開發過程很慢。
以上便是關於前端ui框架的區別介紹了，希望它能幫助我們開拓，並確定屬於我們自己的ui框架，這一點非常重要。如果您想了解更多關於ui設計的相關設計技巧及素材等，也可以點擊本站其他文章進行學習。
⑥ web前端常用的框架有哪些
現在比較常用的主流框架有Vue、React、Angular。
Angular
Angular原名angularJS誕生於2009年，之前我們都是用jquery開發，自從angular的出現讓我們有了新的選擇，它最大的特點是把後端的一些開發模式移植到前端來實現，如MVC、依賴注入等，創新式的雙向數據綁定不知簡化了我們多少代碼，讓我們為之瘋狂，特別是表單處理方面，從此名聲大噪。
好的框架一般會有兩個結果，一個繼續不斷更新迭代，避免被拍死在沙灘上，一個是被一些大公司收購煥發第二春，angular屬於後者被google所收購，且從2.0後改名angular並使用微軟的typescript作為開發語言，目前最新版本8.0，照說傍上google與微軟這兩條大船，前途應該不可限量才對，然而造化弄人，現在angular的市場份額已經被React這個後起之秀和Vue這顆新星遠遠地甩到腦後。
React
React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益於其創新式的VirtualDOM，性能上碾壓angularJS，一經推出，火的一塌糊塗。 特點很多，VirtualDOM、JSX、Diff演算法等，支持ES6語法，採用函數式編程，門檻稍高，但也更靈活，能讓開發具有更多可能性。
Vue
Vue作為最後推出的框架（2014年），借鑒了前輩angular和react的特點（如VirtualDOM、雙向數據綁定、diff演算法、響應式屬性、組件化開發等）並做了相關優化，使其使用起來更加方便，更容易上手，比較少適合初學者。網上有很多人說Vue不適合做大型項目，純屬扯淡，Vue在這方面已經優化得很好，當然，大量的響應式屬性（監聽屬性）也許會用一定的性能損耗，但在硬體、網路大力發展的今天，這些細微的性能差異幾乎感覺不到。
⑦ 前端ui框架排名
在前端項目開發過程中，現在很少有人會使用原生的CSS來搭建頁面，總歸都會引入一些前端UI框架以減少代碼的書寫。一般為了方便自己的使用，很多大公司都有自己的一套UI框架，同時也會把其開源出來。下面就是最近經常使用並且很流行的一些前端UI框架，總有一款適合你：
Mint UI
Flutter
Flutter 是谷歌的移動端 UI 框架，可在極短的時間內構建 Android 和 iOS 上高質量的原生級應用。 Flutter 可與現有代碼一起工作, 它被世界各地的開發者和組織使用, 並且 Flutter 是免費和開源的.
ionic
Ionic既是一個CSS框架也是一個Javascript UI庫,Ionic 是目前最有潛力的一款 HTML5 手機應用開發框架。通過 SASS 構建應用程序，它 提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定，使用它成為 Web 和移動開發者的共同選擇。
⑧ 前端ui框架是什麼
Bootstrap比較火，Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS，HTML 和 JS 的集合，它使用了最新的瀏覽器技術，給你的 Web 開發提供了時尚的版式，表單，buttons，表格，網格系統等等。
⑨ 2019十大前端ui框架layui是開源的嗎
這應該是的，但是這個具體的誰是前幾的話，還是要查一查，具體的資料才能知道的幫你找一找。
⑩ 前端ui框架有哪些
以下是幾個精緻的Web UI框架：
1、Aliceui
Aliceui是支付寶的樣式解決方案，是一套精選的基於 spm 生態圈的樣式模塊集合，是 Arale 的子集，也是一套模塊化的樣式命名和組織規范，是寫 CSS 的更好方式。
gitHub地址：https://github.com/aliceui/aliceui.github.io
2、Amazeui
Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。
地址：http://amazeui.org/
3、sui
SUI是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規范。 通過SUI，可以非常方便的設計和實現精美的頁面。
地址：http://sui.taobao.org/
同時sui還有移動端版本msui，msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫，減少重復工作。
地址：http://m.sui.taobao.org/
4、FrozeUI
Frozen UI是一個開源的簡單易用，輕量快捷的移動端UI框架。基於手Q樣式規范，選取最常用的組件，做成手Q公用離線包減少請求，升級方式友好，文檔完善，目前全面應用在騰訊手Q增值業務中。
地址：http://frozenui.github.io/
5、uiKit
uiKit是一款輕量級、模塊化的前端框架，可快速構建強大的web前端界面。
地址：http://www.getuikit.net/
6、H-ui
H-ui是輕量級前端框架，簡單免費，兼容性好，適用於中國網站。
地址：http://www.h-ui.net/
7、Weui
weUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信 Web 開發量身設計，可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
地址：https://github.com/weui/weui
8、layui
Layui 誕生於2016年金秋，是一款帶著濃烈情懷的國產前端UI框架，她追求極簡，又不失豐盈的內在，說她是史上最輕量的結晶，似乎並不為過。一切都源自於她對原生態的執著，對前端社區的那些噪雜聲音的過濾，以及她本身的精心雕琢。
地址：http://www.layui.com/
9、YDUI Touch
YDUI Touch 專為移動端打造，在技術實現、交互設計上兼容主流移動設備，保證代碼輕、性能高;使用 Flex 技術，靈活自如地對齊、收縮、擴展元素，輕松搞定移動頁面布局;實現強大的屏幕適配布局，等比例適配所有屏幕。什麼？用得不開心？輕松切換 px;自定義Javascript組件、Less文件、Less變數，定製一份屬於自己的YDUI;
地址：http://www.yi.org/
10、後台UI開發框架 MuseUI
一款基於bootstrap風格，兼容於主流瀏覽器（包括IE6）的後端UI開發組件。
網站：http://git.oschina.net/muse/museui