好程式設計師web前端分享移動前端開發和web前端開發的區別

好程式設計師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.6 K ，就能滿足一般業務的需要，如果是想要構建更復雜的單頁面應用，可以選擇像vue .js 這樣的框架，功能強大，但體積壓縮後卻只有20多 K 。而 web 端相對選擇的範圍就比較大，一些比較重型的框架也可以根據專案需求加以考慮，例如古老但龐大的 ext.js ，依然憑藉著眾多UI元件活躍在一些企業的後臺管理系統專案中。

 

以上就是想到的幾個比較重要的區別，希望能夠解答樓主的疑問，也歡迎大家一起討論。