❶ 移動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，並實現可視化
❷ Android開發中有沒有類似Web前端的UI框架
jQuery UI是以 jQuery 為基礎的開源 JavaScript 網頁用戶界面代碼庫。包含底層用戶交互、動畫、特效和可更換主題的可視控制項。我們可以直接用它來構建具有很好交互性的web應用程序。所有插件測試能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。
目前，前端開發領域類似於有一下幾個：
1、jQuery EasyUI
jQuery EasyUI是一組基於jQuery的UI插件集合體，而jQuery EasyUI的目標就是幫助web開發者更輕松的打造出功能豐富並且美觀的UI界面。開發者不需要編寫復雜的javascript，也不需要對css樣式有深入的了解，開發者需要了解的只有一些簡單的html標簽。
2、Bootstrap
Bootstrap，來自 Twitter，是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。 它由Twitter的設計師Mark Otto和Jacob Thornton合作開發，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規范，它即是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項目。 國內一些移動開發者較為熟悉的框架，如WeX5前端開源框架等，也是基於Bootstrap源碼進行性能優化而來。
3、Boilerplate
Boilerplate是一個由 Paul Irish（Google Chrome 開發人員、jQuery 項目成員、Modernizr 作者、yayQuery 播客主持人）主導的「前端開發模版」。
HTML5 Boilerplate 是一套具有非常多先進特性的框架，其特性簡單介紹如下：
（1）由 Paul Irish 首創的在 HTML 頁面的 body 上使用 IE 條件注釋判斷瀏覽器版本，從而大大簡化了針對 IE Hack 的成本（在後來的版本中升級為在 <html> 標簽中加入條件注釋） （2）HTML5 集成，默認使用了很多 HTML5 的特性，並且使其兼容舊版本瀏覽器
（3）大量針對伺服器的默認配置，無需修改即可配置一個安全、標準的 web 伺服器
（4）完整的 JS 調試機制 —— 即使在 IE 下
（5）大量使用 CSS3 技術，並且集成了幾乎所有來自框架中和技術大牛們口頭相傳的 CSS 技巧
（6）為所有瀏覽環境做了優化，包括移動版本和列印版本
（7）默認內置 Modernizr，可以檢測瀏覽器對新特性的支持能力，方便針對舊版本瀏覽器優化
4、 jQuery Mobile
jQuery Mobile是jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。
❸ 前端開發和UI有什麼區別
一般來講前端包括網站的表現層和結構層。表現層即前端設計，通俗一點就是Web端展現出來的你可以看到的「美」的東西；結構層就是涉及的前端開發部分，即網站的前台代碼實現。
UI設計是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。通常包括平面設計，網頁設計以及移動界面設計。
前端開發與UI設計之間是相通的。優秀的前端開發人員，不僅要精通前端語言，還要懂一些設計知識以及後端編程。而優秀的UI設計師不僅要會設計，還要懂代碼，能在設計的道路上加上程序員的思維。
❹ 移動webapp前端ui用哪個框架好
WeUI
Web 開發量身設計，可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
一個開源的簡單易用，輕量快捷的移動端UI框架。基於手Q樣式規范，選取最常用的組件。
SUI Mobile
是一套基於 Framework7 開發的UI庫。並參考Ratchet、Fastclick開源庫。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，並且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發跨平台Web App。
❺ 前端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
❻ JS前端web開源框架miniui懶載入樹形結構太慢，有什麼優化方法嗎
easy-ui,或者直接用bootstrap，都很不錯的，你可以先了解了解再選用.
❼ UI設計和前端開發的區別是什麼
UI設計和Web前端的工作並不一樣，但也有公司為了提高工作效率在這兩塊工作是由同一個人來做的。ui與web前端的區別主要有：
1、概念不同
UI設計（或稱界面設計）是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網說的UI設計是虛擬UI，UI即User Interface(用戶界面)的簡稱。
web前端是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。
2、研究方向不同
UI設計的研究方向是：用戶研究、交互設計、界面設計；
web前端的研究方向是技術方向：包括html、css、js等需要編寫代碼。
3、職業機會不同
UI設計的職業方向是：前端開發工程師、資深前端開發工程師、前端架構師等；
web前端的職業方向是：圖形設計師、交互設計師、用戶測試/研究工程師等；
計交給美工來做，把html5、css、js的添加交給web前端工程師來做，
4、工作內容不同
UI前端：主要負責系統/app，UI界面設計，以及html代碼實現，主要工作偏向於設計。
web前端：主要講ui提供的設計圖，編碼成靜態html，實現所有特效；並負責所有交互的對接，對js要求較高，會要求一些後台介面的開發工作，因此對後台開發語言也有一定的要求。
5、所需技術不同
web前端會用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技術知識；
而UI前端需要是有很好的審美能力，通常需要有美術設計教育背景。
❽ 幾個Web前端開發框架的比較
Bootstrap
Bootstrap是目前可用框架中無可爭議的領導者。其人氣日益增長，你可以放心的選擇這個框架，而不必擔心項目會失敗，因為具有廣泛使用基礎的框架，不太可能被拋棄。
創造者：YOOtheme
發行：2013
當前版本：3.0.0
人氣：GitHub GitHub上有9,422顆星
說明：「用於開發快速而強大的Web界面的輕量級和模塊化的前端框架」。
核心概念/原則：RWD，移動端優先
框架大小：326.9 KB（如果包含uikit-icons.min.js與SVG圖標相關的功能，則為384.4KB）
預處理器：少，Sass
響應式布局：是
模塊化：是
啟動模板/布局：是
圖標集：UIkit自帶SVG圖標系統和類庫，其中包含越來越多的大綱圖標。
額外/附加組件：是
獨特的組件：Article, Flex, Cover, HTML Editor
文件：好
自定義：高級GUI定製程序僅在版本2（以前的版本）中可用
瀏覽器支持：Chrome，Firefox，Safari，IE9 +
許可證：MIT
UIkit說明
UIkit成功應用在許多WordPress主題中。它提供了靈活和強大的手動定製機制（以前版本的框架還提供了高級GUI定製程序）。
什麼是最適合你的框架？
在選擇框架時，可以從以下幾個方面考慮：
所選的框架有足夠的人氣嗎？更多的人氣意味著更多的人參與項目，也意味著有更多的教程和社區文章、更多的實例和網站、更多的第三方擴展、更好的相關的Web產品可與其集成。受歡迎程度也意味著框架更具前瞻性，因為具有更大社區的框架不太可能被拋棄。
框架是否正在積極發展？一個好的框架需要不斷地使用最新的web技術，特別是在移動端方面。
框架是否達到成熟？如果一個特定的框架在現實項目中還沒有被使用和測試，那麼將其用於你的專業項目，可能不是一個明智的選擇。
框架是否提供了良好的文檔？為了方便學習過程，總是需要良好的文檔。
框架的特異性是什麼？這里的要點是，與具有高級別特異性的框架相比，更通用的框架更容易使用。在大多數情況下，最好選擇一個應用最小樣式的框架，因為它更容易自定義。與重寫現有的CSS規則相比，添加新的CSS規則是一個更方便有效的做法。
如果你還不確定使用哪個框架，那麼可以採用混合搭配的方式。當某個特定的框架不能滿足你的需求時，可以混合使用兩個或多個項目的組件。
最後值得一提的是，現在Flexbox和Grid Layout在主流瀏覽器的最新版本中得到很好的支持，比以往任何時候都更容易構建復雜的布局。這可能會鼓勵更多的開發人員放棄前端框架，從頭開始編寫他們自己想要的布局。
來源：網頁鏈接
❾ JS前端web開源框架miniui懶載入樹形結構太慢，有什麼優化方法嗎
js本身執行效率很高，你如果不信自己嘗試生成一萬個元素在頁面用時多久看看，除非是你的數據是基於後端給的
個人建議做一套數據持久層，或者直接給個JSON文件放本地（假設你的樹形結構不變）
可以從持久層和網路靜態文件等開始優化
❿ 前端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 和移動開發者的共同選擇。