⑴ 前端常用的框架有哪些
在Web前端開發中,適時地使用一些框架,對於我們日常的開發,可以說是事半功倍。那麼,常用的Web前端框架有哪些呢?程序員常用的Web前端開發框架如下:
1、Bootstrap
Bootstrap流行的CSS框架,它是最早的Web前端框架,Bootstrap提供了許多實例來幫助入門。使用Bootstrap可以將不同的組件和布局組合在一起,從而創建有趣的頁面設計,還提供了大量詳細的文檔。
2、QUICK UI
QUICK UI一套完整的企業級web前端開發解決方案,由基礎框架、UI組件庫、皮膚包、示例工程和文檔等組成。使用QUICKUI開發者可以極大地減少工作量提高開發效率,快速構建功能強大、美觀、兼容的web應用系統。
3、MDC Web
Material Components for the web(MDC Web),谷歌為Web設計的全新前端框架。MDC Web幫助開發人員執行Material Design,組件由谷歌的核心工程師團隊和UX設計人員開發。這些組件可以建立可靠的開發工作流程以構建美觀且功能強大的Web項目。
4、Pure
Bootstrap,Patternfly和MDC Web功能非常強大的CSS框架,但非常繁瑣復雜。如想要一個輕量級的CSS框架建議嘗試Pure.css,本身更接近於CSS編程,但又可以幫助構建一個不錯的網頁。Pure是具有最小佔用空間的輕量級CSS框架由Yahoo開發根據BSD許可是開源。
5、Foundation
Foundation聲稱是世界上最先進的響應式前端框架。它提供了用於構建專業網站的高級功能和教程。許多公司,組織都使用該框架,並且該框架具有大量可用的文檔。
6、Bulma
Bulma基於Flexbox的開源框架可根據MIT許可證開源。一個非常輕量級的框架,只需要一個CSS文件。Bulma擁有簡潔明了的文檔可輕松選擇想要的主題。還具有許多Web組件可以在設計中使用它們。
7、Skeleton
輕量級框架Skeleton。Skeleton庫只有大約400行,且該框架僅提供一些基本的CSS框架組件。Skeleton還是提供了詳細的文檔來幫助快速上手。
8、Materialize
Materialize 是一個基於 Material Design風格的一個現代化的響應式前端框架,解決了最繁重的工作,結合的自定義組件為提供默認的樣式。Materialize的文檔頁面非常全面很容易遵循。其組件頁麵包括按鈕,卡片,導航等。
9、Bootflat
Bootflat是從Twitter的Bootstrap派生的開源CSS框架。與Bootstrap相比Bootflat更簡單更加輕量級。大部分都是圖像沒有太多的文字。
10、PatternFly
PatternFly是Red Hat的開源CSS框架,和Bootstrap不同的是Bootstrap是為那些想要創建漂亮網站的人而設計,而PatternFly主要專注於企業應用程序開發人員提供諸如條形圖、圖表、導航之類的組件,實際上Red Hat就是使用它創建了OpenShift。除了靜態HTML,PatternFly還支持ReactJS框架,這是Facebook開發的流行JavaScript框架。PatternFly具有許多適用於企業級應用程序的高級組件,如條形圖,圖表,模式和布局。
11、flex
Flex目前還在孵化階段,還不是Apache的正式項目,Flex4.8也不是一個正式的Apache版本。,該版本標志著Flex新時代的開始,Flex的未來將由社區來驅動而不是由一個公司驅動。開發者可以通過貢獻代碼來幫助改進Flex,如修復bug、增加功能等。
以上就是分享的Web前端開發常用的一些框架。程序員們可以根據自己的業務需求選擇簡潔直觀、功能強大的前端開發框架,讓自己的工作更迅速簡單,提高開發的效率。
⑵ 移動webapp前端ui用哪個框架好
現在是UI趨勢的走向,不管什麼都會涉及到UI設計。而且現在手機平板發展的這么迅速,APP手機埠的設計思路更是要領先一些。UI設計可以說是未來發展的大趨勢,而且就現在扁平化設計思路和 界面的交互性質、用戶體驗都是UI設計的一個大方向。
web適用於開發
如果要開發的 WebApp 對用戶體驗細節有高要求,又是一個單頁應用。那麼嘗試一下這個框架:AndroidUIX - 跨平台AndroidUI框架
在體驗上應該是超過目前主流WebApp的
總結
在移動端的表現來看,單頁應用可以用WEBAPP來實現
UI組件可以應用在其他大廠推薦的frozenui,還有一些移動終端列表按鈕輪播方案。或用wechat通用樣式
⑶ 移動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,並實現可視化
⑷ 移動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。
⑸ 現在不少針對移動端的WEB前端UI框架,有沒有針對PC端的web前端UI框架,bootstarp除外,請大神們介紹幾款
這個很多
比如EasyUI、jQuery UI、LigerUI、Ext.js等
⑹ 移動端都用什麼前端框架
如果只是普通的移動端用Vue、React 或者dva,如果是要編譯成小程序或者混生,就用uni-app(對應vue語法)taro(對應react)
⑺ 前端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
⑻ 前端框架都有哪些,最主流的是哪個
推薦幾個精緻的web UI框架及常用前端UI框架!
1.Aliceui
Aliceui是支付寶的樣式解決方案,是一套精選的基於 spm 生態圈的樣式模塊集合,是 Arale 的子集,也是一套模塊化的樣式命名和組織規范,是寫 CSS 的更好方式。
2.Amazeui
Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。
3.sui
SUI是一套基於bootstrap開發的前端組件庫,同時她也是一套設計規范。
通過SUI,可以非常方便的設計和實現精美的頁面。
同時sui還有移動端版本msui,msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫,減少重復工作。
9.YDUI Touch
YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現強大的屏幕適配布局,等比例適配所有屏幕。什麼?用得不開心?輕松切換 px;自定義Javascript組件、Less文件、Less變數,定製一份屬於自己的YDUI;
10、後台UI開發框架 MuseUI
一款基於bootstrap風格,兼容於主流瀏覽器(包括IE6)的後端UI開發組件。
⑼ 前端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 和移動開發者的共同選擇。
⑽ uikit和bootstrap這兩個前端ui庫,哪一個更好
從自身的一些開發經驗,回答一下題主吧。
1、Bootstrap和uikit都是很好的前端框架,但是就使用率來看,就我所知bootstrap是遙遙領先的,尤其是bootstrap走過了這么多年,我從一開始的2.0版本用到了現在的3.0,以及即將推廣的4.0版本,bootstrap的便利,深有體會,而相對來說,uikit資料和教程會比較少,所有從使用便利性和流行度看,bootstrap是更好的選擇。
2、在開發的日常中,會遇到各種各樣需要用到js插件,或者一些大的整套圖表插件,後台模板,框架等等,而當你直接搜開源的資源時,就會發現,大量的這些插件都會標注著基於bootstrap開發,尤其是後台管理系統模板。uikit的也有,但是確實不多。
3、另外,從兩個框架的實際開發上手來看,個人覺得uikit的某些控制項,比如分頁和標簽頁會比bootstrap的更好,而且代碼更少。但是用熟悉了bootstrap,所以這個看個人使用的情況了。從設計風格上看,uikit感覺不太扁平化,不過配色挺清新的,也是因人而異吧,看個人喜好。
4、uikit支持的IE>=9,bootstrap倒是IE>=8(3.0後對IE8的支持不行了。。。)
暫時只想到這么多了,沒用過uikit進行移動端的開發,所以不好評述。題主將就看看咯~