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

這篇文章主要講解了“移動前端開發(fā)和web前端開發(fā)的區(qū)別是什么”，文中的講解內(nèi)容簡單清晰，易于學(xué)習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習“移動前端開發(fā)和web前端開發(fā)的區(qū)別是什么”吧！

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

我再來談?wù)劶热灰苿忧岸碎_發(fā)和web前端開發(fā)都屬于前端開發(fā)，那具體又有什么區(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ù)的使用。

3、頁面的適配性

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

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ò)情況下時，頁面將會無法訪問 ，嚴重影響用戶體驗。

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)項目中。

感謝各位的閱讀，以上就是“移動前端開發(fā)和web前端開發(fā)的區(qū)別是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習后，相信大家對移動前端開發(fā)和web前端開發(fā)的區(qū)別是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！