移動前端開發和web前端開發的區別該如何理解

這篇文章給大家介紹移動前端開發和web前端開發的區別該如何理解，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

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

　　移動前端開發和web前端開發其實都屬于前端開發的范圍，目前前端發展的趨勢就是大前端，可以說是包羅萬象，當然也就包含PC端和移動端領域，而現在的前端開發人員也已早就不是當年的切圖仔了，需要學習和掌握大前端體系方方面面的知識才能在日常的開發中游刃有余，但是不論趨勢如何發展，目前來看HTML、CSS和JavaScript依然是整個前端開發的三大基石。所以不論樓主是想做移動前端開發還是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前端開發的區別該如何理解就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。