學(xué)員注冊/登錄

《奧鵬教育隱私協(xié)議》,

且認(rèn)同奧鵬教育以電話、短信或其他形式與您取得聯(lián)系

模態(tài)層

web端和移動端的區(qū)別

2547         2024-01-29    奧鵬教育

web端和移動端的區(qū)別:

1、業(yè)務(wù)的應(yīng)用場景

web前端開發(fā)主要指傳統(tǒng)的PC端網(wǎng)頁開發(fā),頁面主要是運行在PC端瀏覽器中,移動前端開發(fā)出來的頁面主要是運行在手機上。

直觀上會感覺,PC端頁面大一些,移動端頁面小一些,但是根據(jù)開發(fā)經(jīng)驗,頁面大可并不代表書寫的代碼復(fù)雜,頁面小也并不意味著開發(fā)簡單,難與易主要還是取決于具體的業(yè)務(wù)需求。

2、新技術(shù)的使用

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

web端和移動端的區(qū)別.jpg

3、頁面的適配性

傳統(tǒng)PC端的頁面開發(fā)一般都會選擇給頁面設(shè)定一個固定寬度,兩側(cè)有留白,但是移動端的頁面由于其載體手機屏幕比PC要小很多,一般都會選擇盡可能多的在手機屏幕上顯示內(nèi)容,這就要求移動端頁面要能夠充分適應(yīng)各種屏幕尺寸的手機并進(jìn)行最大程度的利用。

從這一點上來說移動端頁面的適配難度更高一些。

4、頁面的性能

PC端的網(wǎng)絡(luò)情況一般比較穩(wěn)定,都是通過網(wǎng)線或者Wi-Fi連接網(wǎng)絡(luò),但是移動端就比較復(fù)雜,除了Wi-Fi,還有2G、3G、4G甚至是在幾種不同的網(wǎng)絡(luò)連接中交替切換也經(jīng)常發(fā)生。

不穩(wěn)定的網(wǎng)絡(luò)連接對頁面性能帶來的挑戰(zhàn)是移動端的頁面資源不能太大,否則在惡劣網(wǎng)絡(luò)情況下時,頁面將會無法訪問 ,嚴(yán)重影響用戶體驗。

5、框架選型

由于移動端網(wǎng)絡(luò)情況的不穩(wěn)定,導(dǎo)致我們在移動端頁面框架選型時,一般只考慮小而美的框架,例如像zepto.js這樣的壓縮之后只有9.6K,就能滿足一般業(yè)務(wù)的需要,如果是想要構(gòu)建更復(fù)雜的單頁面應(yīng)用,可以選擇像vue.js這樣的框架,功能強大,但體積壓縮后卻只有20多K。

而web端相對選擇的范圍就比較大,一些比較重型的框架也可以根據(jù)項目需求加以考慮,例如古老但龐大的ext.js,依然憑借著眾多UI組件活躍在一些企業(yè)的后臺管理系統(tǒng)項目中。

如還有其他困惑,可在線了解有關(guān)信息>>>了解web培訓(xùn)等>>>

標(biāo)簽: web 來源:http://zhushibaitong.cn/
 - 在線客服
  “ 歡迎訪問奧鵬教育官網(wǎng) ”
點擊選擇您要咨詢的類型發(fā)起會話
學(xué)歷提升
立即咨詢
考研輔導(dǎo)
立即咨詢
海外碩博
立即咨詢
國際教育
立即咨詢
職業(yè)技能
立即咨詢
職業(yè)證書
立即咨詢
執(zhí)業(yè)藥師
立即咨詢
老生咨詢
立即咨詢
其他問題
立即咨詢