前端里移動端到底比pc端多哪些知識?

前端里移動端到底比pc端多哪些知識，為啥面試時好多公司都問h6水平如何？

我做過幾年的web前端開發，就簡單談談自己的感受吧。

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

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

（2）在部分事件的處理上，移動端自然是偏向于觸屏的，所以觸屏事件的一些規律要多摸索一下，另外包括移動端彈出的手機鍵盤該如何處理，這樣的問題在PC上肯定不會遇到，但在移動端，如果你沒有經驗，處理起來是相當麻煩的；

（3）在布局上，移動端開發一般是要做到布局自適應的，在這里我推薦用rem的解決方案，具體實現可以百度一下，相對比較簡單，處理起來也比較靈活；

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

區別就說到這里，也許還不完全，我也是想到哪就說到哪，下面來談談如果要做移動端的web開發，也就是題主說的h6開發，在已有PC端的web開發基礎上，還需要再研究哪些技術：

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

（2）百度地圖的一些API接口，有時間也去熟悉一下吧，對于移動端來講，LBS還是一個非常重要的特性，所以地圖這塊肯定也是需要了解的，再加上百度地圖已經是一個比較成熟的平臺了，學起來也不費事兒的；

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

（4）一般pc用jquery，移動端用zepto，這沒什么好說的，在這里主要是想提醒大家，移動端的流量相對還是比較重要的，所以引入的資源或插件，能小則小，一個30k的資源和80k的資源，在移動端還是相差挺大的；

（5）最好能掌握一套完整的前端開發架構，比如模塊化、打包、壓縮、緩存、發布，有條件的還能做一下自動化測試等等，我用過的有fis，還不錯，牛逼的朋友可以自己寫一套，另外再多說一句，如果想快速提升自己的前端開發技術，鉆研前端架構這塊是一個非常好的方向。

這幾個月，還抽空寫了一個APP，android和ios版本的都有，有興趣的朋友可以加群   105601600，一起交流，一起進步！