PC端前端和移動端前端哪個難?

y1個人的海枯石爛


1.PC考慮的是瀏覽器的兼容性,而移動端開發考慮的更多的是手機兼容性,因為目前不管是android手機還是ios手機,一般瀏覽器使用的都是webkit內核,所以說做移動端開發,更多考慮的應該是手機分辨率的適配,和不同操作系統的略微差異化。

2.在部分事件的處理上,移動端多出來的事件是觸屏事件,而缺少的是hover事件。另外包括移動端彈出的手機鍵盤的處理,這樣的問題在PC端都是遇不到的。  

3.在佈局上,移動端開發一般是要做到佈局自適應的,我使用的一直是rem佈局,感覺很好。

4.在動畫處理上,PC端由於要考慮IE的兼容性,所以通常使用JS做動畫的通用性會更好一些,但是CSS3做了很大的犧牲, 而在手機端,如果要做一些動畫、特效等,第一選擇肯定是CSS3, 既簡單、效率又高。 

5.微信的一些接口組好能去實現一遍,熟悉一下肯定是有好處的,比如通過微信分享文章,title、description、icon等圖標的配置,這些還是要會的。 

6.百度地圖的一些API接口,也得去實現一下,這些對於移動端來說,LBS是一個非常重要的特性,所以地圖這塊肯定是要了解的,在加上百度地圖這塊已經是一個比較成熟的平臺了,所以學起來也比較容易。

7.CSS3的動畫一定要比較熟練,這在移動端用的還是比較多的。 

8.一般pc端用jquery,移動端用zepto,因為移動端的流量還是比較重要的, 所以引入的資源或者插件,能小則小,一個30k的資源和一個80k的資源,在移動端的差別還是挺大的。

而未壓縮的jquery是262kb, 壓縮的jquey是83kb,可見兩者的差別之大。

9.最好能掌握一套完整的前端開發架構,比如模塊化、打包、壓縮、緩存、有條件的還可以做一下自動化測試等等,比較好用的有fis,另外,想要快速提升自己的前端開發技術,鑽研前端架構這塊是一個非常好的方向。

10.性能優化,包括首屏的打開速度、用戶響應延遲、渲染性能、動畫幀率等在手機上都需要特別注意。

11.比如在手機上的300ms的延遲,這在PC端是沒有的,如果我們希望做成webapp,那麼自然就不需要這300ms的延遲,所以可以使用hammer-time.js來移除這300ms的延遲。

總結:總的來講移動端開發相對會難點


乘風墨客


話說 PC端和移動端前端開發,哪個困難,要先劃分時期。


智能手機普及之前,根本沒有規模化的移動端前端,了不起有些 wap 站點。這個時候也分前後期,前期 IE 當道,兼容性適配不是問題,難得在於網頁的調試,IE 當時根本沒有網頁調試工具,靠程序員一個一個 alert 來 debug。

中期,Firefox 開始殺入瀏覽器藍海,W3C 標準的推廣者,語義化標籤打破 table 佈局的老傳統,難點在哪兒?和 IE 的適配。這個時期持續到了前幾年,IE 適配問題一直是前端開發人員的噩夢!

後期,也就是近年來,IE 改頭換心,Chrome 佔據主流,PC 端開發迎來一個穩定的時期,希望能夠延續下去,不要再折騰程序員了。


移動端前端從大的範圍來講,不止 web 開發,還有 Android 和 iOS 的原生 app 開發,這些都歸屬於移動端的大前端範疇。從目前的普及率及使用依賴度來看,移動端應用的複雜性持續增加。又由於 Android 產品陣營的碎片化,導致其在開發過程中對於不同尺寸屏幕和不同品牌魔改內核產生適配和兼容上的困難。


Jim兄


移動端,自適應比電腦複雜


簡話科技


其實只要你學了相關語言你就會覺得他們只是工具而已,運用熟練度的問題,更大的區別可能在於移動端更多需要不同手機的適配,其他並無太大差別。不過個人建議先從PC端學,在去學移動端會更快


分享到:


相關文章: