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

移動前段和web前端

發布時間: 2023-07-07 04:12:24

『壹』 移動前端開發和Web前端開發的區別

移動前端開發和Web前端開發的區別是:

1、前端是相對比較大的概念,一般是指用戶能夠看到、直接接觸的界面都算是前端,比如iOS界面,安卓界面,網頁界面,PC/Mac桌面軟體的界面。最常見的是Web前端,也就是針對於網頁端開發的工作。

2、WebApp即Webapplication,也就是以瀏覽器作為客戶端的軟體。例如,用桌面客戶端來收發郵件,但也可以直接用瀏覽器登陸gmail或者QQ郵箱,直接使用網頁版的軟體來使用。總之就是使用網頁版代替本地軟體。

MobileWebApp就是在手機端打開的WebApp。例如Gmail的移動端軟體

3、目前,移動客戶端的開發主要包括三種類型:

NativeApp(原生APP):也就是完全使用移動設備系統語言寫的客戶端。iOS系統就是使用Objective-C語言來編寫本地應用,也可以使用蘋果於2014年蘋果開發者大會上發布的SWIFT語言;Android平台就是使用Java語言來御州桐開發。原生APP就是從界面到交互都是使用官方標准語言來編寫,效率和穩定性都是最好的,但欠缺靈活性。

WebApp:這個就是在移動瀏覽器里打開的,使用Web前端開發語言HTMLCSSJavaScript來開發的,基本上就是個網頁,

HybridApp:鎮坦主要使用HTML5實現。一般使用Native語言實現一個容器,然後使用HTMLCSSJS來實現用戶界面和交互。這樣方式既克服了WebApp容器暴露偏底層的介面這樣的問題,同時比起原生的開發靈活性要高。這樣就更新可以更方便快捷,也不依賴於市場。例如,豌豆莢其實是個PC端的hybridapp。

對於以上三種開發方式的比較和分析搜索引擎裡面有太多的內容了,這里也就不再贅述了。

4、移動端網頁布局方法與pc的差異。

主要是css方面,外加如何做到同一url,不同客戶端展現不一致的做法,俗稱pc和mobile都兼容。還有會說一下rem的相關用法和一段比較經典的rem.js

最後總結一下:

其實這兩者最顯著的區別就是,webapp是不依賴於具體的設備的,通用性較強,只要手機或PC有相應內核的瀏覽器就基本OK。而mobile的app則依賴於具體的設備,一旦更換設備,需要重新下載才能繼續使用。

移動前端開發主要來說的是NativeClient的開發Android為Java,iOS為Objective-C,然後么HTML5應用號稱跨平台其實差異很大。

Web前端開發么基本上就是HTMLJavaScriptCSS,不過有些人把Servelt/JSP,PHP,Ruby,Python,C#之類的只要關繫到頁面的也叫做Web前端跡埋開發。

app是應用,每個操作系統有專門的開發工具和語言

web是網頁,使用htmlcssjs,有工具可以生成轉化為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前端的區別,希望我的回答對你有所幫助