移動前端開發(fā)和web前端開發(fā)的區(qū)別

2021-06-14    分類: 網站建設

既然都是前端開發(fā),兩者肯定有緊密的聯(lián)系,但是樓主主要詢問區(qū)別,我就先簡單聊一下相同點,之后在著重分析不同點。

移動前端開發(fā)和web前端開發(fā)其實都屬于前端開發(fā)的范圍,目前前端發(fā)展的趨勢就是大前端,可以說是包羅萬象,當然也就包含PC端和移動端領域,而現(xiàn)在的前端開發(fā)人員也已早就不是當年的切圖仔了,需要學習和掌握大前端體系方方面面的知識才能在日常的開發(fā)中游刃有余,但是不論趨勢如何發(fā)展,目前來看HTML、CSS和JavaScript依然是整個前端開發(fā)的三大基石。所以不論樓主是想做移動前端開發(fā)還是web前端開發(fā),這三樣基礎技術都必須熟練掌握。

我再來談談既然移動前端開發(fā)和web前端開發(fā)都屬于前端開發(fā),那具體又有什么區(qū)別呢?

1、業(yè)務的應用場景

web前端開發(fā)主要指傳統(tǒng)的PC端網頁開發(fā),頁面主要是運行在PC端瀏覽器中,移動前端開發(fā)出來的頁面主要是運行在手機上;直觀上會感覺,PC端頁面大一些,移動端頁面小一些,但是根據(jù)開發(fā)經驗,頁面大可并不代表書寫的代碼復雜,頁面小也并不意味著開發(fā)簡單,難與易主要還是取決于具體的業(yè)務需求。

2、新技術的使用

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

3、頁面的適配性

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

4、頁面的性能

PC端的網絡情況一般比較穩(wěn)定,都是通過網線或者Wi-Fi連接網絡;但是移動端就比較復雜,除了Wi-Fi,還有2G、3G、4G甚至是在幾種不同的網絡連接中交替切換也經常發(fā)生,不穩(wěn)定的網絡連接對頁面性能帶來的挑戰(zhàn)是移動端的頁面資源不能太大,否則在惡劣網絡情況下時,頁面將會無法訪問 ,嚴重影響用戶體驗。

5、框架選型

由于移動端網絡情況的不穩(wěn)定,導致我們在移動端頁面框架選型時,一般只考慮小而美的框架,例如像zepto.js這樣的壓縮之后只有9.6K,就能滿足一般業(yè)務的需要,如果是想要構建更復雜的單頁面應用,可以選擇像vue.js這樣的框架,功能強大,但體積壓縮后卻只有20多K。而web端相對選擇的范圍就比較大,一些比較重型的框架也可以根據(jù)項目需求加以考慮,例如古老但龐大的ext.js,依然憑借著眾多UI組件活躍在一些企業(yè)的后臺管理系統(tǒng)項目中。

網頁標題:移動前端開發(fā)和web前端開發(fā)的區(qū)別
文章URL:http://bm7419.com/news/117669.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供品牌網站設計、關鍵詞優(yōu)化、軟件開發(fā)、網站收錄、企業(yè)建站、定制網站

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化