PC端網頁和移動端網頁，自己做的總結

標籤：des   百度地圖   api   api介面   分享   css3   rem   自動化   特性   

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

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

3.在布局上，移動端開發一般是要做到布局自適應的，需要熟練使用rem布局，還有百分比流式布局。

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

5.的一些介面組好能去實現一遍，熟悉一下肯定是有好處的，比如通過分享文章，title、description、icon等表徵圖的配置，這些還是要會的。

6.百度地圖的一些API介面對於移動端來說，LBS是一個非常重要的特性，所以地圖這塊肯定是要瞭解的，在加上百度地圖這塊已經是一個比較成熟的平台了，所以學起來也比較容易。

7.CSS3的動畫在移動端用的還是比較多的，但同時也要注意效能。

8.一般PC端用jquery，移動端用zepto，因為移動端的流量還是比較重要的，所以引入的資源或者外掛程式，能小則小，一個30k的資源和一個80k的資源，在移動端的差別還是挺大的。未壓縮的jquery是262kb，壓縮的jquey是83kb。未壓縮的zepto是54kb，壓縮的zepto只有9kb。

切記：zepto是個分模組的移動端的jquery，要記得根據需求，引入不同的模組

9.最好能掌握一套完整的前端開發架構，比如模組化、打包、壓縮、緩衝有條件的還可以做一下自動化測試等等。

10.效能最佳化，包括首屏的開啟速度、使用者響應延遲、渲染效能、動畫幀率等在手機上都需要特別注意。

PC端網頁和移動端網頁，自己做的總結