㈠ 移動前端開發和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前端的區別，希望我的回答對你有所幫助
㈡ 到底什麼是手機的前端和後端呢
運行操作系統所需的是硬體，單手機而言是沒有前後端的。操作系統的前端是UI，後端就是各個線程
㈢ 前端是指移動端還是大前端
1、業務的應用場景
web前端開發主要指傳統的PC端網頁開發，頁面主要是運行在PC端瀏覽器中，移動前端開發出來的頁面主要是運行在手機上；直觀上會感覺，PC端頁面大一些，移動端頁面小一些，但是根據開發經驗，頁面大可並不代表書寫的代碼復雜，頁面小也並不意味著開發簡單，難與易主要還是取決於具體的業務需求。
2、新技術的使用
由於在移動端主要以webkit內核為主，對於HTML5等新技術支持的更好，所以可以更大范圍的使用新技術；而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器，出於瀏覽器兼容性的考慮，有些情況下限制了新技術的使用。
如果你想要學好web前端最好加入一個好的學習環境，可以來這個Q群，首先是132，中間是667，最後是127，這樣大家學習的話就比較方便，還能夠共同交流和分享資料
3、頁面的適配性
傳統PC端的頁面開發一般都會選擇給頁面設定一個固定寬度，兩側有留白，但是移動端的頁面由於其載體手機屏幕比PC要小很多，一般都會選擇盡可能多的在手機屏幕上顯示內容，這就要求移動端頁面要能夠充分適應各種屏幕尺寸的手機並進行最大程度的利用。從這一點上來說移動端頁面的適配難度更高一些。
4、頁面的性能
PC端的網路情況一般比較穩定，都是通過網線或者Wi-Fi連接網路；但是移動端就比較復雜，除了Wi-Fi，還有2G、3G、4G甚至是在幾種不同的網路連接中交替切換也經常發生，不穩定的網路連接對頁面性能帶來的挑戰是移動端的頁面資源不能太大，否則在惡劣網路情況下時，頁面將會無法訪問 ，嚴重影響用戶體驗。
5、框架選型
由於移動端網路情況的不穩定，導致我們在移動端頁面框架選型時，一般只考慮小而美的框架，例如像zepto.js這樣的壓縮之後只有9.6K，就能滿足一般業務的需要，如果是想要構建更復雜的單頁面應用，可以選擇像vue.js這樣的框架，功能強大，但體積壓縮後卻只有20多K。而web端相對選擇的范圍就比較大，一些比較重型的框架也可以根據項目需求加以考慮，例如古老但龐大的ext.js，依然憑借著眾多UI組件活躍在一些企業的後台管理系統項目中。
2020-04-09
0
更多回答(3)
h5和web前端到底有什麼區別啊_選達內_小白也能快速入門
h5和web前端到底有什麼區別啊開設java/大數據/WEB/php/python/linux/c++等IT熱門課程各課程技術專家授課,不同類型學員分班教學,4個月學,先就業在付費,
www.te.cn
廣告
想了解h5前端開發培訓哪家好?戳這里>>[知道]-達內
h5前端開發培訓哪家好,總監項目實戰教學,入門快,實戰多,100萬學員已見證!h5前端開發培訓哪家好點擊免費試聽7天,學不學您說了算!
nm.te.cn
廣告
h5和web前端到底有什麼區別啊_優質推薦
查詢h5和web前端到底有什麼區別啊，我們為您推薦更多優質商家，資質保證，放心選擇有保障！
商家列表
廣告
相關搜索
h5移動端開發是什麼前端移動端開發移動端網頁開發教程移動端和web端的區別移動端開發語言web前端開發的web指的是移動端頁面開發web移動端
㈣ 關於前端和移動客戶端
前端是個很大的概念，我的理解是用戶能夠看到，直接接觸到的層面都算是前端，比如IOS客戶端界面，安卓客戶端界面，網頁界面，甚至PC/MAC桌面端軟體界面；現在最常見的說法一般是指Web前端，也就是針對於網頁端開發的工作。
也有個說法就是前端就是大前端嘛，如果你的工作真的那麼贊的話，那就包括了web啦安卓啦ios啦甚至pcmac客戶端的界面啦。但我覺得現在一般大家都還是有專攻的。
WebApp指的是【Webapplication】，大氏也就是以瀏覽器作為客戶端的軟體。比如你要寫文檔，一般會打開Office2012之類的本地軟體；但是你也可以選擇在瀏覽器里輸入一個網址，比如我很喜歡StackEdit—*smart*markdowneditor，然後直接在裡面寫東西直接發布到gist上；再比如用桌面客戶端來收發郵件，但你也可以直接用瀏覽器登陸gmail亦或者QQ郵箱，直接把這個當客戶端用。總之就是使用網頁版代替本地軟體。
MobileWebApp當然就是指在手機端打開的WebApp啦。我推薦看看Gmail的移動版。
感覺樓主問的問題還挺模糊的，所以我大概照我的理解依次解釋下：
移動客戶端的開發類型（因為我是個前端所以我是站在前端立場上來說的哈），主要是三種：
NativeApp（原生APP），也就是完全使用移動設備系統語言寫的客戶端，iPhoneiPad就是純Object-C，安卓就是純JAVA,就是用戶看到的界面啦體驗到的交互啦都是原生的。這是性能最棒擾仿敗的開發方式，但靈活性就沒下面的好。
WebApp,這個就是在移動瀏覽器里打開的，純HTMLCSSJS，說白了就是個網頁，只不過非常的富應用，比如手機瀏覽器訪問的GMAIL啥啥的。但說白了就是在瀏覽器里打開的頁面。。IOS支持可以在桌面創建訪問的快捷方式，但是說到底還是打開Safari跑。。而且對設備硬體的介面什麼的挺薄弱。
HybridApp.[HTML5inmobiledevices]我覺得這個更為合適一些。實際上是使用原生寫了一個容器，然後使用HTMLCSSJS來實現用戶界面和交互。WebApp的短處便可以克服（因緩顫為自己寫的容器可以輔助暴露偏底層的介面，比如本地存儲或者麥克風控制之類），同時比起純原生的java或者object-c開發靈活性要高（更新可以更快更迅速，也不依賴於市場，因為說白了，就是自己下載更新網頁資源。。）實際上這種方式已經不限於移動端。。豌豆莢其實是個pc端的hybridapp哇~~~而且說實在的，桌面開發的性能就現在來說要比移動好很多。。
㈤ 移動端手機web前端meta通用設置
手機版頁面通常需要設置mate標簽，來實現禁止縮放等效果。
<!--頁面字元編碼--><meta charset="utf-8">
<!--避免IE使用兼容模式--><meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<!-- 啟用360瀏覽器的極速模式(webkit)--><meta name="renderer"content="webkit">
<!--微軟的老式瀏覽器--><meta name="MobileOptimized"content="320">
<!--關鍵字描述--><meta name="keywords"content=""><meta name="description"content="">
<!--設置移動端視圖--><meta name="viewport"content="width=device-width, initial-scale=1, user-scalable=no"/>
<!--針對手持設備優化，主要是針對一些老的不識別viewport的瀏覽器，比如黑莓--><meta name="HandheldFriendly"content="true">
<!--刪除蘋果默認的工具欄和菜單欄--><meta name="apple-mobile-web-app-capable"content="yes"/>
<!--設置蘋果工具欄顏色--><meta name="apple-mobile-web-app-status-bar-style"content="black"/>
<!--忽略頁面中的數字識別為電話，忽略email識別--><meta name="format-detection"content="telphone=no, email=no"/>
<!--uc強制豎屏--><meta name="screen-orientation"content="portrait">
<!--QQ強制豎屏--><meta name="x5-orientation"content="portrait">
<!--UC強制全屏--><meta name="full-screen"content="yes">
<!--QQ強制全屏--><meta name="x5-fullscreen"content="true">
<!--UC應用模式--><meta name="browsermode"content="application">
<!--QQ應用模式--><meta name="x5-page-mode"content="app">
<!--windows phone 點擊無高光--><meta name="msapplication-tap-highlight"content="no">
㈥ 前端開發移動端有哪些
給大家介紹幾個移動端框架
1、Redbeard
TouchstoneJS是一個由react.js開發混合移動應用程序UI框架。它包括表單組件、導航、轉換、本地觸摸行為等等，還有更多的功能。
㈦ 前端開發中pc端和移動端的區別
前端開發中PC端和移動端網站的區別，主要是：
1、PC端在開發過程中考慮的是瀏覽器兼容性，移動端開發中考慮的是手機兼容神銷性問題，做移動端開發，更多考慮的是手機解析度的自適應和不同手租蔽機操作系統的略微差異化；
2、在部分事件的處理上，移動端自然是偏向於觸屏的，另外包括移動端彈出的手機鍵盤該如何處理，這樣的問題在PC上肯定不會遇到，但在移動端，如果你沒有經驗，處理起來是相當麻煩的；
3、布局上，移動端開發是要做到頁面布局自適應的，而PC端頁面布局的比例會相對固定；
4、在動畫效果處理上，PC端要考慮IE的兼容性，通常用JS做動畫的通用性會好一些，但相比CSS3卻犧牲了較大弊瞎州的性能，而在手機端，如果要做一些動畫、特效等，第一選擇肯定是CSS3，既簡單，效率又高。
總結：以上是移動端和PC端比較突顯的區別，在實際的開發應用過程中，還會有更多的差異化區別。
㈧ 前端常見移動端兼容問題
因為手機解析度太小，如果按照解析度來顯示網頁，字會非常小，安卓手機 devicePixoRadio 比較亂，有 1.5 的，有 2 的也有 3 的。想讓圖片在手機里顯示更為清晰，必須使用 2x 的背景圖來代替 img 標簽（一般情況下都是 2 倍的），或者指定 background-size:contain; 都可以
用 -webkit-min-device-pixel-ratio 可以做到不同倍余銷頃數不同尺寸的圖片：
Android3+和 iOSi5+支持 CSS3 的新屬性為 overflow-scrolling
設置 alpha 值為 0 就可以去除本透明灰色遮罩，備註：transparent 的屬性值在 android 下無效。
方法一：body 添加 ontouchstart
方法二：js 給 document 綁定 touchstart 或 touchend 事件
在移動端中，如果給元素設置一個像素的邊框的話，那麼在手機上看起來是會比一個像素粗的。
解決方法：使用偽類元素模擬邊框，使用 transform 縮放
某些低端手機不支持 css3mask，可以選擇斗氏性的進降級處理
比如可以使用 js 判斷來引用不同 class：
pc 端字體正常顯示，但 ios 真機就出現，h1、span 等標簽字體比較大。
某些 Android 手機圓角失效 background-clip:padding-box ;
在移動端中，click 事件是生效的，但是，點擊之後會有 300ms 的延遲響應
原因：safari 是最早做出這個機制的，因為在移動端里，瀏覽器需要等待一段時間來判斷此次用戶操作是單擊還是雙擊，所以就有 click300ms 的延遲機制，Android 也很快就有了
不用 click，用自定義事件 tap
tap 是需要自定義的：如果用戶執行了 touchstart 在很短的時間又觸發了 touchend ,且兩次的距離很小，而且不能
引入 fastclick 庫來解決
在移動端中，圖片的處理應該是很謹慎的，假設有一張圖片本身的尺寸是 X 寬，設置和包裹它的 div 一樣寬，如果是 div 寬度小於圖片寬度沒有問題，但是如果 div 寬度大於圖片的寬度，圖片被拉伸失真
解決方法：讓圖片最大隻能是自己的寬度
例如：
div 是絕對定位的蒙層，並且 z-index 高於 a。而 a 標簽是頁面中的一個鏈接，我們給 div 綁定 tap 事件：
我們點擊蒙層時 div 正常消失，但是當我們在 a 標簽上點擊蒙層時，發現 a 鏈接被觸發，這就是所謂的點透事件。
原因：
touchstart 早於 touchend 早於豎陸 click。即 click 的觸發是由延遲的，這個時間大概在 300ms 左右，也就是說我們 tap 觸發之後蒙層隱藏。此時 click 還沒有觸發，300ms 之後由於蒙層隱藏，我們的 click 觸發到了下面的 a 鏈接。
解決：
1.盡量都使用 touch 事件來替換 click 事件。例如用 touchend 事件（推薦）
2.用 fastclick
3.用 preventDefault 阻止 a 標簽的 click
㈨ 計算機前端後端移動端分別是什麼意思
簡單來說，就是：
前端，是給用戶看的，通常指某個軟體你能看到的各種界面；
後端，是給開發者程序員看的，用來編寫、維護代碼、處理數據等；
移動端，指手機端，通常指APP或手機網頁。
㈩ 什麼是移動前端開發
問題一：移動前端開發和 Web 前端開發的區別是什麼 可以分成兩部分理解
1.伺服器端開發，也叫後台開發，這是唯一的，對應不同的平台，他負責數據的分發與存儲，和一些邏輯的處理.邏輯處理的多少由業務的復雜程度決定。服務端相對獨立，與平台沒啥關系.
2..1中不同的平台指web平台、移動設備平台等，移動設備又可分為andriod平台、iPhone平台等
每個平台都有自己的規范和開發技術。web平台的規范是鍵盤+滑鼠，開發技術是html+css+javascript；移動設備平台的規范是鍵盤+手指（觸摸和手勢），技術iphone是Objective-C，android是java。
業界很少有說移動web前端開發的，都是移動web開發.而web app特指的是用html5技術開發，之所以叫web app是因為他比較接近客戶端應用程序的用戶體驗，可以和系統深度融合，調用一些只有客戶端才能調用的功能（比如在移動設備上利用html5開發出的網頁可以訪問電話、攝像頭等本地功能）.
通常你看到的一些文章中會提到web app 和native app,這里的web app指的是mobile web app,而移動web和web開發沒本質的區別，但需要不同的開發框架，以解決在移動設備上的適配問題和一些特殊的操作以及功能調用。
最後總結一下，web開發利用的是基於瀏覽器的網頁語言技術，native app開發利用的是基於操作系統的程序語言技術，web app介於兩者之間.當然現在比較流行混合型app，這個可以多網路一下.
問題二：移動前端開發和 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前端開發。
問題三：移動前端開發和 Web 前端開發的區別是什麼 移動開發如果是開發webview頁面，那和web前端幾乎沒差別，現在無論移動端和web端都強調自適應。甚至在web端一次開發的網頁，都可以在移動端完美display，用的比較多的是bootstrap柵格式布局； 當然如果移動開發是拖拖控制項做前端的話，有點類似於早年微軟silverlight的開發，這和web前端是差別比較大的。
問題四：移動前端開發和 Web 前端開發的區別是什麼 用的開發語言不一樣。
移動前端通常是指Android、ios、 windows phone
開發語言分別是Java、Object-C、C#。
web前端開發是網頁開發。
開發語言是html語言，javascript腳本等。
問題五：移動前端開發和 Web 前端開發的區別是什麼? 移動前端開發？就是指iOS/Android開發吧。 這兩者都是基於操作系統開發的(native)，而Web是基於HTML等web標準的。 Android代碼寫了就是給Android用的，iOS代碼也一樣。而Web是一套代碼適應不同標准。 性能也不一樣。native的會比web快。 其他想
問題六：移動前端開發和 Web 前端開發的區別是什麼 移動前端開發 主要來說的是Native Client的開發Android為Java，iOS為Objective-C，然後么HTML5應用號稱跨平台其實差異很大。Web前端開發么基本上就是HTML JavaScript CSS，不過有些人把Servelt/JSP, PHP,Ruby,Python,C#之類的只要關繫到頁面的也叫做Web前端開發。
問題七：移動前端開發和 Web 前端開發的區別是什麼 前段開發可以分為移動端和pc端，一般移動端開發做app頁面，或者微信小場景什麼的，主要負責H5內嵌頁面開發，pc端就是我們常用的電腦上的網頁啊什麼的，前端主要負責效果實現，頁面布局，獲取後台傳的數據並填入頁面，這是我的理解！
問題八：移動前端開發和 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 前端開發的區別是什麼 1、要弄清區別，首先要知道前端和後端的概念：
1）Web前端: 顧名思義是來做Web的前端的。這里所說的前端泛指Web前端，也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。
2）Web後端：後端更多的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。
2、實際的開發過程中，前端、後端開發人員所要具備的技能：
1）前端開發人員：精通JS，能熟練應用JQuery，懂CSS，能熟練運用這些知識，進行交互效果的開發。
2）後端開發人員：會寫Java代碼，會寫SQL語句，能做簡單的資料庫設計，會Spring和iBatis，懂一些設計模式等。
3、總結：
web前端分為網頁設計師、網頁美工、web前端開發工程師
首先網頁設計師是對網頁的架構、色彩以及網站的整體頁面代碼負責
網頁美工只針對UI這塊的東西，比如網站是否做的漂亮
web前端開發工程師是負責交互設計的，需要和程序員進行交互設計的配合。
web前端需要掌握的有腳本技術javascript DIV+CSS現下最流行的頁面搭建技術，ajax和jquery以及簡單的後端程序等。 後端的話可供開發的語言有 asp、php、jsp、.NET 這些後端開發語言的話搭建環境都不一樣
問題十：移動前端開發和 Web 前端開發的區別是什麼 20分 移動客戶端的開發類型，主要是三種：Native App（原生APP），也就是完全使用移動設備系統語言寫的客戶端，iphone iPad就是純Object-C，安卓就是純JAVA, 就是用戶看到的界面啦體驗到的交互啦都是原生的。這是性能最棒的開發方式，但靈活性就沒下面的好。
web App, 這個就是在移動瀏覽器里打開的，純HTML+CSS+JS，說白了就是個網頁，只不過非常的富應用，比如手機瀏覽器訪問的GMAIL啥啥的。但說白了就是在瀏覽器里打開的頁面。。ios支持可以在桌面創建訪問的快捷方式，但是說到底還是打開Safari跑。。而且對設備硬體的介面什麼的挺薄弱。
Hybrid App.[HTML5 in Mobile devices] 我覺得這個更為合適一些。實際上是使用原生寫了一個容器，然後使用HTML+CSS+JS來實現用戶界面和交互。Web App的短處便可以克服（因為自己寫的容器可以輔助暴露偏底層的介面，比如本地存儲或者麥克風控制之類），同時比起純原生的java或者object-c開發靈活性要高（更新可以更快更迅速，也不依賴於市場，因為說白了，就是自己下載更新網頁資源。。）實際上這種方式已經不限於移動端。。豌豆莢其實是個pc端的hybrid app 哇~~~ 而且說實在的，桌面開發的性能就現在來說要比移動好很多。。