好程序員web前端分享移動前端開發和web前端開發的區別

分享移動前端開發和web前端開發的區別，既然都是前端開發，二者確定有緊密的聯繫，可是樓主主要詢問區別，我就先簡單聊一下相同點，以後在着重分析不一樣點。
移動前端開發和web前端開發其實都屬於前端開發的範圍，目前前端發展的趨勢就是大前端，能夠說是一應俱全，固然也就包含PC端和移動端領域，而如今的前端開發人員也已早就不是當年的切圖仔了，須要學習和掌握大前端體系方方面面的知識才能在平常的開發中遊刃有餘，可是不論趨勢如何發展，目前來看HTML、CSS和JavaScript依然是整個前端開發的三大基石。因此不論樓主是想作移動前端開發仍是web前端開發，這三樣基礎技術都必須熟練掌握。
我再來談談既然移動前端開發和web前端開發都屬於前端開發，那具體又有什麼區別呢？
一、業務的應用場景
web前端開發主要指傳統的PC端網頁開發，頁面主要是運行在PC端瀏覽器中，移動前端開發出來的頁面主要是運行在手機上；直觀上會感受，PC端頁面大一些，移動端頁面小一些，可是根據開發經驗，頁面大可並不表明書寫的代碼複雜，頁面小也並不意味着開發簡單，難與易主要仍是取決於具體的業務需求。
二、新技術的使用
因爲在移動端主要以webkit內核爲主，對於HTML5等新技術支持的更好，因此能夠更大範圍的使用新技術；而PC端開發因爲不少場景下要求兼容IE等老版本瀏覽器，出於瀏覽器兼容性的考慮，有些狀況下限制了新技術的使用。
三、頁面的適配性
傳統PC端的頁面開發通常都會選擇給頁面設定一個固定寬度，兩側有留白，可是移動端的頁面因爲其載體手機屏幕比PC要小不少，通常都會選擇儘量多的在手機屏幕上顯示內容，這就要求移動端頁面要可以充分適應各類屏幕尺寸的手機並進行最大程度的利用。從這一點上來講移動端頁面的適配難度更高一些。
四、頁面的性能
PC端的網絡狀況通常比較穩定，都是經過網線或者Wi-Fi鏈接網絡；可是移動端就比較複雜，除了Wi-Fi，還有2G、3G、4G甚至是在幾種不一樣的網絡鏈接中交替切換也常常發生，不穩定的網絡鏈接對頁面性能帶來的挑戰是移動端的頁面資源不能太大，不然在惡劣網絡狀況下時，頁面將會沒法訪問 ，嚴重影響用戶體驗。

五、框架選型
因爲移動端網絡狀況的不穩定，致使咱們在移動端頁面框架選型時，通常只考慮小而美的框架，例如像zepto.js這樣的壓縮以後只有9.6K，就能知足通常業務的須要，若是是想要構建更復雜的單頁面應用，能夠選擇像vue.js這樣的框架，功能強大，但體積壓縮後卻只有20多K。而web端相對選擇的範圍就比較大，一些比較重型的框架也能夠根據項目需求加以考慮，例如古老但龐大的ext.js，依然憑藉着衆多UI組件活躍在一些企業的後臺管理系統項目中。

以上就是想到的幾個比較重要的區別，但願可以解答樓主的疑問，也歡迎你們一塊兒討論。