前端裏移動端到底比pc端多哪些知識？

前端裏移動端到底比pc端多哪些知識？

首先來看看

PC端和移動端在前端開發上的一些區別：

（

1）PC考慮的是瀏覽器兼容性，移動端開發考慮的更多的是手機兼容性，由於目前無論是android手機仍是ios手機，通常瀏覽器用的都是webkit內核，因此作移動端開發，更多考慮的應該是手機分辨率的適配，和不一樣操做系統的略微差別化；

（

2）在部分事件的處理上，移動端天然是偏向於觸屏的，因此觸屏事件的一些規律要多摸索一下，另外包括移動端彈出的手機鍵盤該如何處理，這樣的問題在PC上確定不會遇到，但在移動端，若是你沒有經驗，處理起來是至關麻煩的；

（

3）在佈局上，移動端開發通常是要作到佈局自適應的，在這裏我推薦用rem的解決方案，具體實現能夠百度一下，相對比較簡單，處理起來也比較靈活；

（

4）在動畫處理上，PC端因爲要考慮到IE的兼容性，一般用JS作動畫的通用性會好一些，但相比CSS3卻犧牲了較大的性能，而在手機端，若是要作一些動畫、特效等，第一選擇確定是CSS3，既簡單，效率又高。

區別就說到這裏，也許還不徹底，我也是想到哪就說到哪，下面來談談若是要作移動端的

web開發，也就是題主說的h5開發，在已有PC端的web開發基礎上，還須要再研究哪些技術：

（

1）微信的一些接口最好都能去實現一遍，熟悉一下確定有好處的，好比領導讓你經過微信分享的文章，title、description、以及icon圖標怎麼配置，你說你不清楚，那就太水了；

（

2）百度地圖的一些API接口，有時間也去熟悉一下吧，對於移動端來說，LBS仍是一個很是重要的特性，因此地圖這塊確定也是須要了解的，再加上百度地圖已是一個比較成熟的平臺了，學起來也不費事兒的；

（

3）CSS3的動畫去熟悉一下，至少最基本的一些動畫實現和算法要了解，在移動端應該也算用得比較多的；

（

4）通常pc用jquery，移動端用zepto，這沒什麼好說的，在這裏主要是想提醒你們，移動端的流量相對仍是比較重要的，因此引入的資源或插件，能小則小，一個30k的資源和80k的資源，在移動端仍是相差挺大的；

（

5）最好能掌握一套完整的前端開發架構，好比模塊化、打包、壓縮、緩存、發佈，有條件的還能作一下自動化測試等等，我用過的有fis，還不錯，牛逼的朋友能夠本身寫一套，另外再多說一句，若是想快速提高本身的前端開發技術，鑽研前端架構這塊是一個很是好的方向。

想要學習前端開發的同窗，可