❶ 手機app前端交互是用什麼語言開發的
作者：塗鴉
鏈接：https://www.hu.com/question/20269059/answer/33226070
來源：知乎
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。
1.比如說具體的應用在不同地方的形態。一款計算器：web app： 其實就是在網頁上的應用。這個很廣泛，只不過大家平時都不這么叫而已，你在 網頁上使用一款計算器都可以稱作web app。mobile web app：額，就是能在手機瀏覽器中打開使用的計算器，只不過根據手機的屏幕，調整了 自己的按鍵大小，布局等等。mobile app： 你在應用商店下載了一個計算器。2.比如說如何用代碼編寫：web前端：基本上就是html+css+javascript。至於html5，css3什麼的就是具體到你應該用什麼規則的代碼去寫了。這個如果樓主想要入門學習的話，推薦w3school 在線教程（中文）。mobile web 前端：其實還是那套東西，但是加入了一個叫做響應式設計的東西。而且據我了解，這個概念還要從html 5標準的普及說起，說通俗點就是屏幕多大的時候布局，字體是什麼樣的。網上有很多前端模板都提供了這個功能。比如比較火的Bootstrap中文網（中文）深層次點，比如通過html5的API調用手機的硬體等。mobile 前端：這個目前還分兩大陣營，一個是Android，一個是iOS。而且就我的了解，web前端有專門的崗位叫前端攻城師，但是很少聽說過只寫mobile前端的移動工程師，至少我至今沒有聽到過。Android：靜態的話就是xml，動態的話就是android的layout那堆東西。https://developer.android.com/guide/topics/ui/declaring-layout.html(可能需要翻牆)比較簡單的layout，比如:Linear Layout(可能需要翻牆)FrameLayout | Android Developers(可能需要翻牆)，想學習的話可以參考下。還有一些動畫效果。https://developer.android.com/guide/topics/graphics/index.htmll(可能需要翻牆)當然，提到Android的UI，不得不提的是那坑爹的適配。只能說，學習Android UI需謹慎。iOS：UIKit那套東西，其實現在感覺如果不是太復雜，.xib直接拖界面也還可以。UIKit Framework Reference 。storyboard就算了，不是太推薦。簡單的頁面還可以，想試也可以試試。反正我用的不是很舒服。當然還有一些動畫效果。Graphics and Animation3.比如說其他區別：其實最顯著的區別就是，web app是不依賴於具體的設備的，通用性較強，只要手機或PC有相應內核的瀏覽器就基本OK。而mobile的app則依賴於具體的設備，一旦更換設備，需要重新下載才能繼續使用。暫時就想到這么多，以後想到了再補充吧。
❷ 移動前端開發和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前端的區別，希望我的回答對你有所幫助
❸ 移動前端開發和 Web 前端開發的區別是什麼
前端是個很大的概念，我的理解是用戶能夠看到，直接接觸到的層面都算是前端，比如IOS客戶端界面，安卓客戶端界面，網頁界面，甚至PC/MAC 桌面端軟體界面；
現在最常見的說法一般是指Web前端，有PC端的就是瀏覽器打開的網頁 html +js +css ,也有針對於手機網頁開發的工作。
移動平台前端開發是指針對高端智能手機（如Iphone、Android）做站點適配也就是WebApp，並非是針對普通手機開發Wap 2.0，所以在閱讀本篇文章以前，你需要對webkit內核的瀏覽器有一定的了解，需要對HTML5和CSS3有一定的了解。
移動前端開發目前還分兩大陣營，一個是Android，一個是iOS,其實還有wp(window phone)這個是不是被人給忘記了
總結：
移動前端開發 主要來說的是Native Client的開發Android為Java，iOS為Objective-C，然後么HTML5應用號稱跨平台其實差異很大。
Web前端開發么基本上就是HTML JavaScript CSS，不過有些人把Servelt/JSP, PHP,Ruby,Python,C#之類的只要關繫到頁面的也叫做Web前端開發。
❹ 手機html5前端開發用什麼框架
jquery mobile和bootstrap都是較好的框架。為了使用便利，下文列舉了目前最強大應用最廣泛的幾款前端開發框架。
1. Bootstrap
Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美，直觀並且給力的web設計工具包，可以用來開發跨瀏覽器兼容並且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件，柵格系統以及一些常用的JavaScript插件。
2. Fbootstrapp
Fbootstrapp基於Bootstrap並且提供了跟Facebook iframe apps和設計相同的功能。包含用於所有標准組件的基本的CSS和HTML，包括排版、表單、按鈕、表格、柵格、導航等等，風格與Facebook類似。
3. BootMetro
BootMetro框架的靈感來自於Metro UI CSS，基於Bootstrap 框架構建，用於創建Windows 8 的Metro風格的網站。它包括所有Bootstrap的功能，並添加了幾個額外的功能，比如頁面平鋪，應用程序欄等等。
4. Kickstrap
Kickstrap是Bootstrap的一個變體。它基於Bootstrap，並在它的基礎上添加了許多app，主題以及附加功能。這使得這個框架可以單獨地用於構建網站，而不需要額外安裝什麼。你需要做的僅僅是把它放到你的網站上，然後用就可以了。
5. Foundation
Foundation 是一款強大的，功能豐富的並且支持響應式布局的前端開發框架，你可以通過Foundation快速創建原型，利用它所包含的大量布局框架，元素以及最優範例快速創建在各種設備上可以正常運行的網站以及app。Foundation在構建的時候秉承移動優先的策略，它擁有大量實用的語義化功能，並且使用Zepto類庫來取代jQuery，這樣可以帶來更好的用戶體驗，並且提高運行的速度。
6. GroundworkCSS
GroundworkCSS 是前端框架家族裡面新添的一款小清新框架。它是基於Sass和Compass的一個高級響應式的HTML5，CSS以及JavaScript工具包，可以用於快速創建原型並且建立在各種瀏覽設備上可以正常工作的網站和app。
7. Gumby
Gumby 是一款基於Sass和Compass的簡單靈活並且穩定的前端開發框架。
它的流式-固定布局（fluid-fixed layout）可以根據桌面端以及移動設備的解析度自動優化要呈現的網頁內容。它支持多種網格布局，包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板，方便你在12列和16列的網格系統上進行設計。
8. HTML KickStart
HTML Kickstart 是一款可以用來方便創建任何布局的集合HTML5，CSS和jQuery的工具包。它提供了干凈，符合標准以及跨瀏覽器兼容的代碼。
9. IVORY
IVORY 是一款輕量，簡單但是強大的前端框架，可以用於320到1200像素寬度的響應式布局。它基於12列的響應式網格布局，包含表格，按鈕，表格，分頁，撥動開關，工具提示，手風琴，選項卡等網站中常用的組件和樣式。
10.Kube
最後，如果你的新項目需要一款實在的，不需要復雜的額外功能組件的，足夠簡單的框架，那麼 Kube 將會是你正確的選擇。Kube是一款最小化的，支持響應式的前端框架，它沒有強加的樣式設計，因此給了你充分的自由來開發自己的樣式表。它提供了一些web元素的基本樣式，比如網格，表單，排版，表格，按鈕，導航，鏈接以及圖片等等。
❺ 手機web前端開發哪個技術好
zepto這個比較小，語法跟jquery一樣，比較適合移動端開發
❻ 手機app前端開發和後端開發怎麼連接到一起
前期當然是各開發各的，後端 開發介面，
前端做假數據 完全沒有問題
後期都開發完後，
兩個人再一起聯調，當然只是參數對不對，介面能不能跑通了
更多關註：新航路師徒學院。打造企業級前端。0切換
❼ 移動前端開發和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組件活躍在一些企
❽ 手機應用的前端開發用哪個框架好
sencha touch?jquery mobile?希望能找到一個同時兼顧web和mobile的js框架/庫，或者學習曲線不那麼高的mobile 的 js庫
❾ 移動前端開發和 Web 前端開發的區別是什麼
1，普通pc端開發與移動端開發區別。
先說背景，我大言不慚的說一下，我pc端的前端開發幹了有快4年多，不算大牛，也算一個標準的前端開發工程師吧，可憐的是我2015年之前做過的移動端項目不超過1個。。所以幾乎經驗為零。我對這個神秘又被炒的火熱的名字迷惑了很久，移動前端開發工程師，h5前端開發工程師，native前端開發工程師，Hybrid前端開發工程師，卧槽感覺屌屌的有木有啊。。
所以我在15年決定棄坑了（pc的代碼實在寫膩歪了。。），投身到專屬的移動開發中，業余時間也做過phonegap，也知道和了解過一些h5+native開發的方式，下面就慢慢給大家【科普】一下。。說錯了別噴。
普通pc端開發，我理解就是你拿電腦打開的網頁都算【這不是廢話么】。
那麼移動端前端開發工程師，說白了就很好理解了，做手機網頁的前端開發工程師。
這么一比，是不是感覺，移動端開發簡單多了？
沒錯，我轉了之後發現還真是呢。。。【還有點小激動】
pc，我們需要考慮什麼呢？有點開發經驗的同學都知道，ie6-11，firefox，chrome，safari都得兼容的吧。哪個都夠你吃一壺的，無論是css還是js。
mobile的網頁開發，我們需要考慮什麼呢？
就目前來說，我們只需要考慮webkit內核的瀏覽器和chrome，uc，qq，小米手機瀏覽器就好了。。。【後面特意會說這幾只國產瀏覽器哪裡屌了】
相比較而言，除了經驗是0以外，需要兼容的東西還是少了，少了，少了呢。
ok，單純說pc和移動端開發的區別，其實也就是這個，可以簡單的概括來說，mobile端的網頁開發比pc端的網頁開發，更簡單一些。【頁面小了啊，裝的東西少了，css和html寫的少了吧】交互簡單一些【滑動，觸屏，手勢，平時看看手機你還能有啥特殊操作？】
so，別被這玩意嚇壞了，根據我的經驗來看，pc端的前端開發程序員，轉mobile開發，一點問題沒有，而且上手會很快。
夠直白的解釋了。
2，移動端web app開發與套殼開發區別。
移動端web app，移動端網頁，Hybrid開發【我喜歡叫套殼開發工程師……】，無所謂叫什麼，移動端開發無疑就是這3種了。下面一一解釋下我的理解。
移動端web app是什麼呢？簡單理解就是頁面頭部加入了下面這一句話的東西：
<meta name="apple-mobile-web-app-capable" content="yes">
這個meta的作用是讓普通移動網頁被添加到主屏幕後，擁有一些類native的功能，很多同學應該都很熟悉了。就是類似隱藏ios的上下狀態欄，實現全屏，禁止彈性拖拽，全屏，修改頂部顏色等。
我理解這種模式的網頁為web app，當然還有一種類型就是大家平時都訪問的那些網站，比如手機taobao，手機美團，手機微博的網頁版，大家打開的時候，不是全屏的，但是用起來，開發者把它們偽裝的很像這種web app的交互體驗而已。
以上2種我覺得可以總結為web app。而不是普通的移動端網頁，如果想看移動端網頁，可以參考手機新浪網，手機網頁，手機騰訊新聞，手機鳳凰，是很好的對比。
之後我來說下套殼的吧。這部分如果沒有開發過phonegap或者類似和native連調過webview的同學，可能覺得很陌生，其實不是，這種套殼開發和開發普通的網頁沒什麼區別，只不過資源大部分是file開頭的，本地資源，網路資源分為使用js非同步介面獲取和native獲取，再和js的介面交互，類似ios中，可以直接在oc或者swift可以直接在webview中執行js，android同理，但是js想調用native功能怎麼辦呢？
我們這邊的做法是有一個負責通訊的iframe，我們通過修改這個iframe的url，來讓native來監控一系列特殊的url地址請求，再在native中調用對應的功能，比如攝像頭，特殊交互，呼起，或者提供介面數據。數據的提供方式類似jsonp的原理，在執行函數的參數中傳回來。
理解了這塊，其實做套殼的比做普通web app和網頁都簡單，因為在native的webview中是可以指定是什麼版本的webview，用什麼內核，擁有什麼等級的安全許可權等等，ios和android做法不一樣，但是原理一致，對於前端開發工程師來說是無差的。
而且套殼開發還有個好處就是，因為資源是本地化的，所以可以使用比較重的框架，如angular，react，一些三方框架，因為最終都是通過和native代碼捆綁發布的。
套殼native的靜態前端部分的更新，我們可以使用遠程下載靜態資源包的方法實現，不發布大版本而修改webview中邏輯的需求，這一點也是大部分公司選擇一半native一半h5來開發的原因。都知道ios審核發版很慢。
這些就是我知道的一些很通俗的區別了，技術細節就不說了，太多。大家有個概念就好啦。