移動端web開發框架
A. 大家開發移動端web項目一般用什麼移動前端框架
如今web前端框架很多,除了日常我們用到的那些常見的web前端框架以外,還有一些比較小眾化或者說剛剛興起來的web前端框架。
目前主流的web前端框架有:Bootstrap、妹子UI、MUI移動前端框架等。國內的一些前端大神和前端大神團隊琢磨出了以下幾個不錯的web前端框架。
UiKit 一款輕量級、模塊化的前端框架,可快速構建強大的web前端界面
移動APP H5前端框架:AUI 2.0 靠譜的移動前端框架
前端框架:ZUI – 開源html5跨屏框架 最新版本 1.5.0
前端框架:拼圖前端框架——拼圖跨屏響應式布局前端開發CSS框架。
B. 移動端web開發 用什麼框架,有哪些該注意的坑
移動端web可以用jquery,jquery-mobile,bootstrap,react/angular來做,重點是要注意不同設備之間的顯示兼容(屏幕大小)以內及容瀏覽器版本兼容(很多設備瀏覽器版本較低)。
C. WEB移動端開發使用什麼框架比較好
介紹幾種開發框架,看你自己的偏好選擇.
1. jQuery Mobile框架能夠幫助你快速開發出支持多種移動設備的Mobile應用用戶界面。jQuery Mobile最新版本是1.4.0,默認主題採用扁平化設計風格。jQuery Mobile1.4.0主要側重於性能和控制項方面的改進。除了全新的默認主題和SVG圖標,還新增了開關控制項、通用過濾器、箭頭彈出框、滑動提示框等一系列功能,更是集成了jQuery UI的Tab部件。jQuery Mobile繼承了jQuery的優勢,並且提供了豐富的適合手機應用的UI組件。jQuery Mobile還有很多的第三方擴展。
2. Frozen UI是騰訊ISUX團隊(社交用戶體驗設計團隊)根據最新的手機QQ設計規范製作的移動端Web框架,包括CSS基礎樣式和組件、JavaScript基礎組件和一些動畫效果庫。為了方便記憶和增添趣味性,騰訊ISUX團隊為它取了動畫片《冰雪奇緣》的英文名,並把Elsa女王作為該項目的卡通代言人。
3.Ionic提供了一個免費且開源的移動優化HTML,CSS和JS組件庫,來構建高交互性應用。基於Sass構建和AngularJS 優化。
Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件需要Javascript才能產生神奇的效果,盡管通常組件不需要編碼,通過框架擴展可以很容易地使用,比如我們的AngularIonic擴展。
Ionic遵循視圖控制模式,通俗的理解和 Cocoa 觸摸框架相似。在視圖控制模式中,我們將界面的不同部分分為子視圖或包含其他視圖的子視圖控制器。然後視圖控制器「驅動」內部視圖來提供交互和UI功能。一個很好的例子就是標簽欄(Tab Bar)視圖控制器處理點擊標簽欄在一系列可視化面板間切換。 github。
4. Amaze UI 採用業內先進的 Mobile first 理念,從小屏逐步擴展到大屏,最終實現所有屏幕適配,適應移動互聯潮流。Amaze UI 含近 20 個 CSS 組件、10 個 JS 組件,更有 17 款包含近 60 個主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅度提升你的開發效率。Amaze UI 非常注重性能,基於輕量的 Zepto.js 開發,並使用 CSS3 來做動畫交互,平滑、高效,更適合移動設備,讓你的 Web 應用可以高速載入。
D. 誰能推薦個好用的web移動前端框架
目前前端框架很多,最火的屬bootstrap了,優先於移動端的前端響應式框架,封裝了很多組件,樣式,只需要看著api調用即可。
2.aui(比較容易懂) AmazeUI sui框架,阿里巴巴旗下的前端框架. BlendUI Framework frozenui mui框架等等。。。
E. 目前主流的移動WEB開發框架有哪些
【開發框架】技術選型的候選:
(1)DCloud出品:MUI;
(2)阿里出品:MSUI(基於大名鼎鼎的Framework7框架內,但容MSUI的兼容性更好);
(3)騰訊出品:FrozenUI;
(4)網路出品:Clouda是網路歷時兩年共同研發的開源App技術框架,基於Node.js,簡單易用,完美結合BAE;
(5)烽火星空出品的:Agile Lite支持jQuery和Zepto雙引擎;
(6)Jingle UI是一個基於html5、css3開發輕量級的移動webapp 框架(支持觸摸屏操作、切換效果也不錯)基於Zepto開發,依賴了iscroll;
要開發一款App的話,需要美工,UI,前端工程師,後端工程師等工作人員才可以實現。
還有什麼不懂的可以去後對人找找相關的教學視頻,看看,多看看不就懂了,或者嫌麻煩也可以到紅盾網上問專家教師,希望對你有用,點贊吧,謝謝^ω^
F. WEB移動端開發使用什麼框架比較好
參考如下:
下面框架是適合面向手機設備的開發的。
1、jQuery Mobile
jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫,而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。
2、jQTouch
jQTouch 是一個 jQuery 的插件,主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。
3、DHTMLX Touch
DHTMLX Touch是一個免費的HTML5/JavaScript框架,專門為觸摸屏設備而優化。帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用於構建移動用戶界面。它能夠以最少的編碼構建一流的用戶界面。
4、Mobilize.js
Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何現在有標准網站快速,簡便地構建移動網站。這個框架其實就是將需要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示,而不是實現一個全新完整的移動頁面。Mobilize.js 可用於任意網站,但對於基於WordPress和Sphinx的網站不需要使用該框架轉換,因為已經有非常多的插件可以使用。
G. 移動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,並實現可視化
H. 主流HTML5移動web開發框架
肯定使用框架啊,不然還原生 JS、自己寫樣式?
H5 做移動開發也分兩種,一種就是正常的網頁,一種是封裝的成 App 在手機上跑的。下面我只大致介紹一下又哪些框架,具體的特性不是三兩句能說完的,題主可以自行搜索相關資料。
後者比較知名的框架就是 PhoneGap、MUI 等等了。
而前者具體分的話還分 CSS 框架和 JS 框架。樣式框架有很多了,常見的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI 等等。JS 框架一般是 AngularJS、Backbone、ReactJS 等等,但說實話這些 JS 框架都比較繁重,一般是為比較復雜的場景設計的,如果你的頁面需求很簡單,那麼大可以不用它們只用樣式框架就好了。
值得一提的是國內 BAT 三大巨頭也分別有自己的 H5 框架,並且都已經開源了,網路的是 GMU(Global Mobile UI)、Clouda+、EFE 這三個,阿里的是 Kissy Mobile,騰訊的是 Frozen UI。
I. 現在不少針對移動端的WEB前端UI框架,有沒有針對PC端的web前端UI框架,bootstarp除外,請大神們介紹幾款
這個很多
比如EasyUI、jQuery UI、LigerUI、Ext.js等
J. web app 開發使用哪個框架最好
1、Sencha Touch
Sencha Touch 是世界上第一個支持 HTML5 和 CSS3 標準的移動應用框架,你可以使用 HTML5
來編寫音頻和視頻組件,還可以使用 LocalStorage Proxy 來存儲離線數據,同時,大量 CSS3
樣式表為你提供了創建健壯樣式層的可能。
優點
• 用戶體驗最接近Native App, 具有整體的UI組件、布局解決方案;
• 統一的編程代碼結構和要求,良好組織的代碼易於維護;
• 繼承ExtJS 4的應用程序MVC架構;
• 完善的API文檔,示例;活躍的社區,網上有大量的文檔書籍幫助學習;
缺點
• 兼容性差,僅支持webkit內核的瀏覽器;
• 框架比較重量級,學習成本比較高;
• 商業化使用有版權問題;
2、jQuery Mobile
jQuery Mobile 是創建移動 web 應用程序的框架。適用於所有流行的智能手機和平板電腦。 使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。
優點
• 跨瀏覽器兼容性最好,幾乎兼容所有的平台和瀏覽器;
• 入門簡單,語法簡潔,編碼靈活,一些簡單的應用直接用HTML既可實現,無需Javascript;
• 開源插件與第三方擴展網上資源豐富;
• 完善的API文檔,示例;活躍的社區,網上有大量的文檔書籍幫助學習;
缺點 • jQuery Mobile對代碼沒有特定的要求,後期維護難度較大;
3、Zepto
Zepto 就是一個 jQuery 的輕量級替代品,幾乎完全一樣的 API,但是專門為 Mobile 或者 HTML5 瀏覽器設計和優化。
優點
• 學習成本低,Zepto保持了與jQuery幾乎一樣的功能,使用gzip壓縮只有5-10k;
缺點
• Zepto不支持Windows Phone下的IE ;
框架沒有好壞之分,只是看哪款比較適合自己。