『壹』 WEB移動端開發使用什麼框架比較好
很久以前整理了篇將手機網站做成手機應用的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 應用的控制項。
『貳』 web前端開發是什麼意思
1、WEB 前端開發，是特指WEB端的前端開發。（註：現在的web端不單指PC也包括了移動端，即手機網站）
2、所謂前端開發是創建Web頁面呈現給用戶的過程。前端開發主要通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。它從傳統的網頁製作演變而來，名稱上有很明顯的時代特徵。在互聯網的演化進衡賣程咐桐逗中，網頁製作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。
3、現在的前端開發對於JS，以及相輪消關JS框架的使用要求越來越高，越來越深入。
4、最後祝你學有所得。
『叄』 移動前端開發和web前端開發有什麼區別
移動前端開發和web前端開發有什麼區別呢？既然都是前端開發，兩者肯定有緊密的聯系，移動前端開發和web前端開發其實都屬於前端開發的范圍，目前前端發展的趨勢就是大前端，可以說是包羅萬象，當然也就包含PC端和移動端領域，而現在的前端開發人員也已早就不是當年的切圖仔了，需要學習和掌握大前端體系方方面面的知識才能在日常的開發中游刃有餘，但是不論趨勢如何發展，目前來看HTML、CSS和Java依然是整個前端開發的三大基石。不論是想做移動前端開發還是web前端開發，這三樣基礎技術都必須熟練掌握。移動前端開發和web前端開發有什麼區別呢？
1、業務的應用場景
web前端開發主要指傳統的PC端網頁開發，頁面主要是運行在PC端瀏覽器中，移動前端開發出來的頁面主要是運行在手機上；直觀上會感覺，PC端頁面大一些，移動端頁面小一些，但是根據開發經驗，頁面大可並不代表書寫的代碼復雜，頁面小也並不意味著開發簡單，難與易主要還是取決於具體的業務需求。
2、新技術的使用
由於在移動端主要以webkit內核為主，對於HTML5等新技術支持的更好，所以可以更大范圍的使用新技術;而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器，出於瀏覽器兼容性的考慮，有些情況下限制了新技術的使用。
3、頁面的適配性
傳統PC端的頁面開發一般都會選擇給頁面設定一個固定寬度，兩側有留白，但是移動端的頁面由於其載體手機屏幕比PC要小很多，一般都會選擇盡可能多的在手機屏幕上顯示內容，這就要求移動端頁面要能夠充分適應各種屏幕尺寸的手機並進行最大程度的利用。從這一點上來說移動端頁面的適配難度更高一些。
4、頁面的性能
PC端的網路情況一般比較穩定，都是通過網線或者Wi-Fi連接網路;但是移動端就比較復雜，除了Wi-Fi，還有2G、3G、4G甚至是在幾種不同的網路連接中交替切換也經常發生，不穩定的網路連接對頁面性能帶來的挑戰是移動端的頁面資源不能太大，否則在惡劣網路情況下時，頁面將會無法訪問 ，嚴重影響用戶體驗。移動前端開發和web前端開發有什麼區別
5、框架選型
由於移動端網路情況的不穩定，導致我們在移動端頁面框架選型時，一般只考慮小而美的框架，例如像zepto.js這樣的壓縮之後只有9.6K，就能滿足一般業務的需要，如果是想要構建更復雜的單頁面應用，可以選擇像vue.js這樣的框架，功能強大，但體積壓縮後卻只有20多K。而web端相對選擇的范圍就比較大，一些比較重型的框架也可以根據項目需求加以考慮，例如古老但龐大的ext.js，依然憑借著眾多UI組件活躍在一些企
『肆』 手機WEB頁面開發跟PC端差別大嗎
差別大，主要差別在一下方面。
一、開發終端不同
1、手機端：以手機、PDA、UMPC等便攜終端為基礎，進行相應的開發工作。
2、PC端：是開發基於B/S（IE瀏覽器）的網頁開發是由若干個頁面組成的有聯系的集合。
二、開發方式不同
1、手機端：是為小型、無線計算設備編寫軟體的流程和程序的集合，像智能手機或者平板電腦。移動應用開發類似於Web應用開發，起源於更為傳統的軟體開發大塌。
2、PC端：主要針對電子商務領域，不僅是網站美工和內容，可能涉及到網站的一些功能的開發，比製作有更深層次的意思。
三、特點不同
1、手機端：無線中間件（移動中間件）的原理就是把原生的功能封裝打包指茄成簡單的API，開發人員只需要了解調用這些API的方法，即可完成移動開發。
2、PC端：針對不同的行業領域與市場規模，提供有針對性的解決方案，採用業內最唯仿察優化的電子商務流程，以及各種受消費者歡迎的營銷工具。
『伍』 java web後台開發跟手機APP後台開發有什麼不同
基本上一樣的，ssh也可以為手機APP開發後台。
其實對於後台開發來說原理都差不多。只不過app的後台開發和web不一樣的地方在於傳輸數據格式不一樣，一般來說web訪問後返回的是一個html頁面，少部分是json格式；而一般app的後台開發大部分直接傳json格式數據，少部分會直接返回html5的頃碼灶頁面。
(5)web手機端開發擴展閱讀
1、伺服器端開發，也叫後台開發，這是唯一的，對應不同的平台，他負責數據的分發與存儲，和一些邏輯的處理.邏輯處理的多少由業務的復雜程度決定。服務端相對獨立，與平台沒啥關系。
2、移動設模纖備又可分為andriod平台、iPhone平台等每個平台都有自己的規范和開發技術。web平台的規范是鍵盤+滑鼠，開發技術是html+css+javascript；移動設備平台的規范是鍵盤+手指，技術iphone是Objective-C，android是java。Java Web，是用Java技術來解決相關web互聯網領域的技術總和。
3、Java技術是Sun公司在1995年5月正式推出的。雀扮20多年來，Java已從編程語言發展成為全球第一大通用開發平台。Java技術已為計算機行業主要公司所採納，同時也被越來越多的國際技術標准化組織所接受。1999年，Sun推出了以Java 2平台為核心的J2EE、J2SE和J2ME三大平台。
『陸』 移動前端開發和 Web 前端開發的區別是什麼
移動WEB前端開發屬於HTML5開發，使用HTML+CSS+JavaScript三種語言編寫，該職位偏向於移動端網頁開發，包括H5專題頁、移動前端網頁，廣告落地頁、Hybrid App等；
Tips：由於原生APP開發需要開發兩個客戶端（Android和iOS），產品開發周期和成本相對較高，因此出現了Hybrid App。Hybrid App可以使用PhoneGap將網頁直接打包成Android原生APP和iOS原生APP。
1，經常會有硬體交互，例如攝像頭，相機，指紋識別，陀螺儀，等。
2，依賴設備的操作系統，因為設備都有自動省級機制，幾乎不需要考慮新特性的兼容性。
3，無論用原生還是 h5 實現，都有隨著系統更新帶來的迭代，一般使用熱更新。
WEB前端開發也是屬於HTML5開發，使用HTML+CSS+JavaScript三種語言編寫，主要偏向PC端的網頁開發，包括PC端網頁開發、PC端後台管理頁面等，也會涉及部分的移動端網頁開發。
1，除了滑鼠鍵盤幾乎不需要與硬體交互，有特殊需求才會有硬體交互，例如在線直播，語音輸入等。
2，需要考慮瀏覽器兼容性，主要看用戶群體，代碼需要兼容到哪個版本。
3，瀏覽器的升級，幾乎不需要迭代，版本迭代幾乎都是需求變化。
移動端開發主要是開發APP，屬於c/s架構的開發。Web前端開發是基於PC端或移動端瀏覽器來開發web頁面，屬於b/s架構的開發。
移動端開發主要針對手機、電視等智能設備，web前端開發則主要針對pc端。
移動端開發針對系統類型採用的編程語言也有所不同，安卓端採用Java或Kotlin開發語言，IOS採用object-c或swift語言開發。以上這些語言屬於原生開發，還有混合式開發，如Fluter+Dart、ReactNative、vuex。基於webview的套殼應用，如微信小程序、網路小程序、快應用等。
Web前端開發使用的開發語言是JavaScript或其超集Typescript，使用的開發框架主要以React、Vue、Angular為主。
移動端開發開發的產品，一般是to C的服務型產品。Web前端開發開發的產品，一般是to B的產品。
『柒』 移動前端開發和web前端開發有什麼區別
移動前端開發和 Web 前端開發的區別是:
1、前端是相對比較大的概念，一般是指用戶能夠看到、直接接觸的界面都算是前端，比如iOS界面，安卓界面，網頁界面，PC/Mac桌面軟體的界面。最常見的是Web前端，也就是針對於網頁端開發的工作。
2、Web App即Web application，也就是以瀏覽器作為客戶端的軟體。例如，用桌面客戶端來收發郵件，但也可以直接用瀏覽器登陸gmail或者QQ郵箱，直接使用網頁版的軟體來使用。總之就是使用網頁版代替本地軟體。
Mobile Web App就是在手機端打開的Web App。例如Gmail的移動端軟體
3、目前，移動客戶端的開發主要包括三種類型：
Native App（原生APP）：也就是完全使用移動設備系統語言寫的客戶端。iOS系統就是使用Objective-C語言來編寫本地應用，也可以使用蘋果於2014年蘋果開發者大會上發布的SWIFT語言；Android平台就是使用Java語言來開發。原生APP就是從界面到交互都是使用官方標准語言來編寫，效率和穩定性都是最好的，但欠缺靈活性。
Web App：這個就是在移動瀏覽器里打開的，使用Web前端開發語言HTML CSS JavaScript來開發的，基本上就是個網頁，
Hybrid App：主要使用HTML5實現。一般使用Native語言實現一個容器，然後使用HTML CSS JS來實現用戶界面和交互。這樣方式既克服了Web App容器暴露偏底層的介面這樣的問題，同時比起原生的開發靈活性要高。這樣就更新可以更方便快捷，也不依賴於市場。例如，豌豆莢其實是個PC端的hybrid app 。
對於以上三種開發方式的比較和分析搜索引擎裡面有太多的內容了，這里也就不再贅述了。
4、移動端網頁布局方法與pc的差異。
主要是css方面，外加如何做到同一url，不同客戶端展現不一致的做法，俗稱pc和mobile都兼容。還有會說一下rem的相關用法和一段比較經典的rem.js
最後總結一下：
其實這兩者最顯著的區別就是，web app是不依賴於具體的設備的，通用性較強，只要手機或PC有相應內核的瀏覽器就基本OK。而mobile的app則依賴於具體的設備，一旦更換設備，需要重新下載才能繼續使用。
移動前端開發 主要來說的是Native Client的開發Android為Java，iOS為Objective-C，然後么HTML5應用號稱跨平台其實差異很大。
Web前端開發么基本上就是HTML JavaScript CSS，不過有些人把Servelt/JSP, PHP,Ruby,Python,C#之類的只要關繫到頁面的也叫做Web前端開發。
app是應用，每個操作系統有專門的開發工具和語言
web是網頁，使用html+css+js，有工具可以生成轉化為app，不過效果一般
『捌』 手機端的頁面怎麼開發，和web html有區別嗎
兩者之間沒有區別。
有許多方法可以在手機上開發網頁。 目前，html5的發展還不夠平衡，導致主要瀏覽器對h5的支持不盡人意。 但是，其添加了@media屬性（屬於css3，html5和css3的名稱在這里沒有嚴格區分，實際上，是兩種不同的技術）。
從那時起，網頁創建可以根據用戶所持有的設備的像素寬度來識別是否正在使用行動電話，從而在用戶正在悉鬧基使用移動設備時下載移動頁面。 但是，其存在某些缺點。 在這個階段，手機的標准還很不規范。
(8)web手機端開發擴展閱讀：
目前現階段的手機網頁開發，主要的手段是：
其一，在meta標簽中添加關於像素寬度的限制語句，然後實現css的相對寬度。 但是，界面會顯得雜亂無章，因此很少使用此方法。
其二，這種方法是最常見的。 網站頁面分為兩個部分，分別面向計算機和手機。 當睜謹用戶請求頁面時，標題信息用於確定其是否是計算機瀏覽器，然後針對不同的請求發送不同的網頁文件。 這彎正樣的網頁通常不是靜態的。
另外，開發移動網頁時，可以使用Chrome的開發人員工具。 Chrome開發人員工具可以模擬手機頁面的開發，還可以模擬許多設備，方便用戶開發。
『玖』 移動前端開發和web前端開發的區別
移動前端開發和web前端開發其實都屬於前端開發的范圍，目前前端發展的趨勢就是大前端
那麼他們的區別在哪呢？我給你分析一下：
1、新技術的使用
目前移動終端主要以Webkit內核為中心，更好地支持HTML5等新技術，讓新技術得到更廣泛的應用。但是PC終端的開發需要兼容IE等老瀏覽器，所以新技術的應用必須考慮瀏覽器的兼容性。
2、業務的應用場景
Web前端開發主要是指傳統的在電腦端開發網頁，網頁主要運行在PC端，而手機端開發的網頁運行在手機端。這兩者沒有區別，孰難孰易。開發難度主要看業務需求。
3、頁面的適配性
在傳統的PC端頁面開發中，需要為頁面設置固定的寬度，以確保兩側都有頁邊距。但是移動頁面會選擇在手機屏幕上顯示盡可能多的內容，因為它的運營商手機屏幕比PC端小得多。這時候就要求移動頁面要能完全適應各種屏幕尺寸的手機，最大限度地利用。從這個頁面的適應性來看，移動端比PC端更難。
4、頁面的性能
一般情況下， PC端的網路通過網線或 WIFI與網路相連，而移動端則比較復雜。除 WIFI外，還有2 G、3 G、4 G、5 G，甚至常常會有多個不同網路連接間的切換。因此， PC端的網路狀況將比移動端更加穩定。移動端的頁面資源不能太大，否則當網路狀況不好時，頁面無法訪問，這對網頁性能造成了很大的影響。
以上就是我給你分享的關於移動前端和web前端的區別，希望我的回答對你有所幫助