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

什麼叫移動web開發

發布時間: 2022-05-18 23:26:07

❶ 移動前端開發和 Web 前端開發的區別是什麼

移動前端開發和web前端開發都屬於前端開發,具體有以下區別:

1、業務的應用場景

web前端開發主要指傳統的PC端網頁開發,頁面主要是運行在PC端瀏覽器中,移動前端開發出來的頁面主要是運行在手機上。

直觀上會感覺,PC端頁面大一些,移動端頁面小一些,但是根據開發經驗,頁面大可並不代表書寫的代碼復雜,頁面小也並不意味著開發簡單,難與易主要還是取決於具體的業務需求。

2、新技術的使用

由於在移動端主要以webkit內核為主,對於HTML5等新技術支持的更好,所以可以更大范圍的使用新技術,而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器,出於瀏覽器兼容性的考慮,有些情況下限制了新技術的使用。

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組件活躍在一些企業的後台管理系統項目中。

❷ 移動前端開發和 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前端開發有什麼區別

移動前端開發和 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,移動前端開發和,前端開發的區別是啥,是什麼

web指web瀏覽器的頁面開發、移動開發一般指APP開發,如IOS何Android、前端開發是對這些的統稱、一般狹義指web前端開發

❺ 移動前端開發和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前端開發有什麼區別

移動前端開發和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開發和html5開發有什麼不同

總體上應該一樣,技術體系都差不多。不過pc需要兼容的瀏覽器更多些,mobile下andorid,ios都是基於webkit,所以相對好些。
移動前端開發可分為:
1、手機網頁開發。這部分跟web前端開發差別不大,使用的技術都是html+css+js。區別為手機瀏覽器是webkit的天下,pc端是IE的天下。手機網頁可以理解成pc網頁的縮小版加一些觸摸特性。因為是在瀏覽器中進行的網頁開發,所有最終代碼具有跨系統平台的特性。
2、app前端開發。使用的技術也是html+css+js,但它需要基於PhoneGap等開發平台調用手機核心功能介面(包括地理定位,加速器,聯系人,聲音和振動等)模擬native app,這部分跟web前端開發完全不同。最終代碼發布要分別編譯成各系統平台的app。

❽ 移動web和web有哪些區別

移動web和web有哪些區別體現在以下幾點:
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 Animation
3.比如說其他區別:
其實最顯著的區別就是,web app是不依賴於具體的設備的,通用性較強,只要手機或PC有相應內核的瀏覽器就基本OK。而mobile的app則依賴於具體的設備,一旦更換設備,需要重新下載才能繼續使用。

❾ PCweb開發與移動web開發區別在於什麼

顯示:解析度,PC解析度是一般設置版心,兩邊適當留白,而移動需要根據設備設置自適應或者響應式
效果:PC端一般都是滑鼠鍵盤操作,而移動端有托拉拽,觸摸,按壓等操作,使用的js工具有很大的差異
數據傳輸:PC端一般就是純粹的頁面,但如果要兼容移動端甚至要做App,可能要使用Angular等引擎,數據也可能是json

❿ 移動web和webapp有什麼區別

一、地位不同

web屬於一種技術,而webapp則是根據這一技術開發成的應用,web是源頭,而webapp則是支流。

二、功能不同

web app特指的是用html5技術開發,之所以叫web app是因為他比較接近客戶端應用程序的用戶體驗,可以和系統深度融合,調用一些只有客戶端才能調用的功能(比如在移動設備上利用html5開發出的網頁可以訪問電話、攝像頭等本地功能)。

三、功能不同

移動Web App跨平台開發,用戶不需要去賣場來下載安裝App,任何時候都可以發布App,因為根本不需要官方賣場的審核。web直接下載到設備,以獨立的應用程序運行(並不需要瀏覽器),用戶必須手動去下載並安裝這些原生App。

四、版本控制的區別

移動Web App,所有的用戶都是用同樣的版本。web用戶可以自由地選擇是否更新軟體版本,所以會出現不同用戶同時使用不同版本的情況。