當前位置:首頁 » 網頁前端 » web移動開發框架
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web移動開發框架

發布時間: 2022-01-30 07:50:27

A. web app開發使用哪個框架最好

第一款:Sencha Touch
Sencha Touch 是世界上第一個支持 HTML5 和 CSS3 標準的移動應用框架,你可以使用 HTML5 來編寫音頻和視頻組件,還可以使用 LocalStorage Proxy 來存儲離線數據,同時,大量 CSS3 樣式表為你提供了創建健壯樣式層的可能。

優點
用戶體驗最接近Native App, 具有整體的UI組件、布局解決方案;
統一的編程代碼結構和要求,良好組織的代碼易於維護;
繼承ExtJS 4的應用程序MVC架構;
完善的API文檔,示例;活躍的社區,網上有大量的文檔書籍幫助學習;

缺點
兼容性差,僅支持webkit內核的瀏覽器;
框架比較重量級,學習成本比較高;
商業化使用有版權問題;

第二款:jQuery Mobile

jQuery Mobile 是創建移動 web 應用程序的框架。適用於所有流行的智能手機和平板電腦。使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。

優點
跨瀏覽器兼容性最好,幾乎兼容所有的平台和瀏覽器;
入門簡單,語法簡潔,編碼靈活,一些簡單的應用直接用HTML既可實現,無需Javascript;
開源插件與第三方擴展網上資源豐富;
完善的API文檔,示例;活躍的社區,網上有大量的文檔書籍幫助學習;

缺點
jQuery Mobile對代碼沒有特定的要求,後期維護難度較大;

第三款:Zepto
Zepto 就是一個 jQuery 的輕量級替代品,幾乎完全一樣的 API,但是專門為 Mobile 或者 HTML5 瀏覽器設計和優化。

優點
學習成本低,Zepto保持了與jQuery幾乎一樣的功能,使用gzip壓縮只有5-10k;

缺點
Zepto不支持Windows Phone下的IE ;

第四款:Wink Toolkit
優點
Wink的核心庫是輕量級的,支持AMD規范的模塊化載入,功能介面相比Zepto更豐富;
提供很酷的2D、3D效果UI組件;

缺點
組件對 Android的支持程度不好,3D組件無法使用 ;

第五款:Ionic:高級的 HTML5 移動APP(Web App)開發框架

Ionic 是一個用HTML, CSS 跟JS 開發的一個用於移動設備的混合APP 開發框架,採用 Sass與AngularJS 開發。目前,Ionic 仍然處於臨測試狀態( alpha )。相信未來會成為開發者開發 HTML5 應用的一個不錯的選擇。

第六款:Amaze UI 中國首個開源 HTML5 跨屏前端框架
Amaze UI 是一個移動優先的跨屏前端框架。易學易用。

B. 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的網站不需要使用該框架轉換,因為已經有非常多的插件可以使用。

C. 主流HTML5移動web開發框架

1.H5 做移動開發也分兩種,一種就是正常的網頁,一種是封裝的成 App 在手機上跑的。下面我只大致介紹一下又哪些框架,具體的特性不是三兩句能說完的,題主可以自行搜索相關資料。 後者比較知名的框架就是 PhoneGap、MUI 等等了。

2.而前者具體分的話還分 CSS 框架和 JS 框架。樣式框架有很多了,常見的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI 等等。JS 框架一般是 AngularJS、Backbone、ReactJS 等等,但說實話這些 JS 框架都比較繁重,一般是為比較復雜的場景設計的,如果你的頁面需求很簡單,那麼大可以不用它們只用樣式框架就好了。


D. 做移動端WebApp用什麼框架比較好

很久以前整理了篇將手機網站做成手機應用的JS框架。時隔一年多,很多新的技術已經出現,下面再來總結下還有哪些框架是適合面向手機設備的開發的。
1、jQuery Mobile
jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫,而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說:能開發這個項目,我們非常興奮。移動Web太需要一個跨瀏覽器的框架,讓開發人員開發出真正的移動Web網站。
2、jQTouch
jQTouch 是一個 jQuery 的插件,主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。
3、DHTMLX Touch
DHTMLX Touch是一個免費的HTML5/JavaScript框架,專門為觸摸屏設備而優化。為您帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用於構建移動用戶界面。它能夠幫您以最少的編碼構建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad (適用於開發餐廳應用) 和Book Shop (一個電子書店應用)。
4、Mobilize.js
Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何現在有標准網站快速,簡便地構建移動網站。這個框架其實就是將需要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示,而不是實現一個全新完整的移動頁面。Mobilize.js 可用於任意網站,但對於基於WordPress和Sphinx的網站不需要使用該框架轉換,因為已經有非常多的插件可以使用。
5、The M Project
The-M-Project是另外一個強大的JavaScript框架,它利用HTML5新的特性來更好和更簡便地開發移動應用。這個框架遵循著名的MVC軟體架構模式。它還支持離線,所以你的用戶可以在沒有連接網路的情況下繼續操作(當下次有連線的時候,再將數據同步到伺服器中)。提供優秀的文檔(這個項目擁有一個引導新用戶入門的開發指南)。可以查看提供的示例來對該項目有一個初目的了解。這些示例包括:ToDo App(待辦事項目應用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。
6、WebApp.Net
WebApp.Net 提供了很多的 API,因此可以幫助你節省很多工作了。不需要花時間去進行 Ajax 調用的編碼,因為已經內置了,另外還有很多其它內置功能,提供了詳細的文檔和應用演示。
7、Wijmo
Wijmo是一個基於jQuery UI的UI部件的套件。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。
8、960 Grid on jQuery-Mobile
jquery-mobile-960 是一個用於移動 Web 開發的網格框架,綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活,使得應用應許在移動終端更加易用。
9、Sencha Touch Framework
Sencha Touch 是世界上第一個基於 HTML5 的移動 Web 開發框架,支持最新的 HTML5 和 CSS3 標准,全面兼容 Android 和 Apple iOS 設備,提供了豐富的 WEB UI 組件,可以快速的開發出運行於移動終端的應用程序。Shencha是第一個使用HTML5,CSS和JavaScript並且支持音頻/視頻,本地存儲,圓角,漸變背景以及陰影的開發框架。
10、NimbleKit
NimbleKit 是為 iOS 設備構建應用程序最快速的方式,你不需要知道 Objective-C 或者 iOS SDK,你只需結合 JavaScript 代碼編寫 HTML 頁面就可以了。
11、Touchy™ Boilerplate
Touchy Boilerplate 是一個用來創建移動web app,包括HTML模板,Meta tag等的工具。Touchy可以支持動態頁面導航,固定頁頭,滾動內容,瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。
12、PhoneGap
PhoneGap是一個用基於HTML,CSS和JavaScript的,創建移動跨平台移動應用程序的快速開發平台。它使開發者能夠利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位,加速器,聯系人,聲音和振動等,此外PhoneGap擁有豐富的插件,可以以此擴展無限的功能。PhoneGap是免費的,但是它需要特定平台提供的附加軟體,例如iPhone的iPhone SDK,Android的Android SDK等,也可以和DW5.5配套開發。使用PhoneGap只比為每個平台分別建立應用程序好一點點,因為雖然基本代碼是一樣的,但是你仍然需要為每個平台分別編譯應用程序。
13、joshfire
Joshfire是一個開源的跨設備開發框架,幫助開發者創建可以在多種設備上運行的web app。它使用HTML5和JavaScript,並且允許開發者快速整合本地應用和特定的web應用。Joshfire可以讓你的應用接受鍵盤,滑鼠,觸摸屏,遙控器等設備的輸入。Joshfire支持Node.JS。4.Sencha Touch:基於HTML5的移動網頁開發框架。
14、 Julia
Julia框架由基本CSS3文件、JS庫和各個平台的運行庫構成。不像PhoneGap,Julia不僅僅包含調用本機代碼的介面層,它還包含 Model-View-Controller(MVC)支持,Delegation支持,OAuth支持,非同步資料庫存取介面,HTML選擇符(類jQuery調用介面),HTML模版(允 許嵌入JS代碼)等應用開發必備的API介面。 基於Julia的應用開發就像網站開發那麼簡單,是的,你終於可以用HTML5開發一個完整的、跨平台 的、不亞於本機代碼的、易於維護的移動應用了!大幕即將揭曉,讓我們一起進入移動開發的新時代
15、SproutCore HTML5 Application Framework
SproutCore 是一個 HTML5 移動 Web 開發框架,它的目標是在無需瀏覽器插件的情況下,在瀏覽器中位應用程序提供極佳的桌面效果。
16、Titanium
這是一個強大的,健壯的移動Web開發框架。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平台開發原生移動應用。作為一個越來越大的移動Web框架,它擁有超過300個的APIs和活躍的開發者社區。你從這個社區中得到每一個開發人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設備的攝像頭和本地文件存儲系統相交互的特性。
17、Lungo.js
Lungo.js 是一個採用HTML5, CSS3 和JavaScript技術實現的移動Web應用程序開發框架。利用這框架開發的應用程序可運行所有流行的平台包括:iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如:tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標,所有都矢量化。可以在這個框架中使用HTML5擁有的一些特性如:Websql, 地理位置定位,歷史或設備方向等。Lungo.js是一個模塊化並且完全可定製的框架。
18、xui.js
有時候你可能需要一個超輕量級的框架,只要擁有用於開發標准客戶端所需要的功能如:DOM操作,事件處理,Ajax和一些動畫效果。如果是這樣的話,這個框架剛好非常適合你。整個框架採用GZIP壓縮完之後只有4.2 KB。
19、EmbedJS
EmbedJS是一個用於嵌入式設備的JavaScript框架如:行動電話,TVs、tablets和so forth。EmbedJS強大之處在於,它擁有專門為特定平台和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的代碼,為用戶提供最佳的體驗。而且假如你喜歡自己定製,可以利用其提供的EmbedJS Build tool工具實現。EmbedJS基於Dojo實現,所以你如果熟悉Dojo API語法,那EmbedJS將是你最佳的選擇。
20、zepto.js
zepto.js是一個專為mobile WebKit瀏覽器(如:Safari和Chrome)而開發的一個JavaScript框架。它標榜自己在其簡約的開發理念,能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架,是超輕量級的,只有5KB。zepto.js的語法借鑒並且兼容jQuery。
21、Baker
Baker是用來在iPad或者iPhone平台上發布互動式的電子書或者電子雜志的HTML5電子書框架。
22、ChocolateChip-UI
ChocolateChip-UI 是一個手機移動 Web 開發框架,採用 HTML5, WAML, CSS 和 JavaScript等技術實現。基於 ChocolateChip JavaScript 框架,包含最新的 ChUI.JS 和 ChUI.css.
23、Magazine Grid
Magazine Grid 是一個超現代的 CSS 框架,用於 iPad 和 iPhone 手機,使用類似雜志的設計風格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁,非常輕量級(<4k),在移動設備上載入非常快,對老的瀏覽器也支持。
24、Kendo UI
Kendo UI是一個強大的框架用於快速HTML5 UI開發。基於最新的HTML5、CSS3和JavaScript標准。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切,包括:強大的數據源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控制項。
25、HTML App Host Framework
這是一個用於構建基於 Windows Phone 7 的 HTML/JavaScript 託管框架,使用 HTML5 技術。該框架由支持在標准 xap 格式中嵌入 html 應用的控制項。

E. 幾個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在主流瀏覽器的最新版本中得到很好的支持,比以往任何時候都更容易構建復雜的布局。這可能會鼓勵更多的開發人員放棄前端框架,從頭開始編寫他們自己想要的布局。

    來源:網頁鏈接

    F. 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。

    (6)web移動開發框架擴展閱讀:

    web框架程序的作用:

    Web框架使得在進行Web應用開發的時候,減少了工作量。Web框架主要用於動態網路開發,動態網路主要是指現在的主要的頁面,可以實現數據的交互和業務功能的完善。

    使用Web框架進行Web開發的時候,在進行數據緩存、資料庫訪問、數據安全校驗等方面,不需要自己再重新實現,而是將業務邏輯相關的代碼寫入框架就可以。也就是說,通過對Web框架進行主觀上的「縫縫補補」,就可以實現自己進行Web開發的需求了。

    以PHP為例,PHP可以在apache伺服器上進行Web開發,而不必使用框架。使用PHP進行開的時候,在不適用框架的情況下,資料庫連接就需要自己來實現,頁面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作,而使用PHP在不用框架的情況下,這部分要自己做。

    參考資料來源:網路-前端開發

    G. 目前主流的移動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,前端工程師,後端工程師等工作人員才可以實現。
    還有什麼不懂的可以去後對人找找相關的教學視頻,看看,多看看不就懂了,或者嫌麻煩也可以到紅盾網上問專家教師,希望對你有用,採納吧,謝謝^ω^

    H. 移動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。

    I. WEB移動端開發使用什麼框架比較好

    • 以下先列出作為【開發框架】技術選型的候選:

    1. DCloud出品:MUI;

    2. MSUI(基於大名鼎鼎的Framework7框架,但MSUI的兼容性更好);

    3. FrozenUI;

    4. Clouda是網路歷時兩年共同研發的開源App技術框架,基於Node.js,簡單易用,完美結合BAE;

    5. Clouda是網路歷時兩年共同研發的開源App技術框架,基於Node.js,簡單易用,完美結合BAE;

    • 【開發集成環境】選型的候選:

    1. AppCan:國內[Hybrid混合開發]、[移動平台]、[移動雲平台]的倡導者、領導者,提供的SDK把所有的UI組件都進行了封裝,然後通過向導方式進行嵌入開發,很方便。

    2. ExMobi移動應用平台,技術融合成就完美HybridApp跨平台開發。WeX5,這個也是比

    3. 較好的集成開發環境之一,能力非常強大,可拖拉方式的控制項是亮點。

    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 ;

    框架沒有好壞之分,只是看哪款比較適合自己。