移動端和PC端有什麼區別

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。未壓縮的zepto是54kb，壓縮的zepto只有9kb。

9.最好能掌握一套完整的前端開發架構，好比模塊化、打包、壓縮、緩存有條件的還能夠作一下自動化測試等等。

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