web前端和移動前端的差別是什麼

區別：1.web前端開發主要指傳統PC端的網頁開發，頁面主要運行在PC端瀏覽器中，行動前端開發出來的頁面主要是運行在手機上。 2.行動端主要以webkit核心為主，對於HTML5等新技術支援的較好；而web前端由於許多場景下要求相容IE等舊版瀏覽器，有些情況下限制了新技術的使用。 3.頁面的適配性上，行動端頁面的適配難度較高一些。 4.頁面的效能上，web端的效能比行動端穩定。

本教學操作環境：windows7系統、Dell G3電腦。

根據現在前端的大趨勢看，前端發展越來越往大前端發展，內容上也是包羅萬象。下面聊聊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前端入門）

以上是web前端和移動前端的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！