前端 移動端和PC端的區別

2021-08-20 22:33:58 字數 817 閱讀 5931

在阿里的幾次面試中,總是被問到移動端和pc端有什麼區別,當時回答的時候主要是回答了在相容性、網速、適配、頁面布局等方面的不同,但是還是很不系統,所以這裡做乙個總結。

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

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

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

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

第七: css3的動畫一定要比較熟練,這在移動端用的還是比較多的。 

第八: 一般pc端用jquery,移動端用zepto,因為移動端的流量還是比較重要的, 所以引入的資源或者外掛程式,能小則小,乙個30k的資源和乙個80k的資源,在移動端的差別還是挺大的。而未壓縮的jquery是262kb, 壓縮的jquey是83kb,可見兩者的差別之大。

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

第十: 效能優化,包括首屏的開啟速度、使用者響應延遲、渲染效能、動畫幀率等在手機上都需要特別注意。

1 移動端和PC端的區別

1.pc考慮的是瀏覽器的相容性,而移動端開發考慮的更多的是手機相容性,因為目前不管是android手機還是ios手機,一般瀏覽器使用的都是webkit核心,所以說做移動端開發,更多考慮的應該是手機解析度的適配,和不同作業系統的略微差異化。2.在部分事件的處理上,移動端多出來的事件是觸屏事件,而缺少的...

移動端前端開發與pc端前端開發的區別

關於移動端 另外寫幾點響應螢幕大小的建議和方法 1 由於現在手機螢幕多種多樣,想要相容所有裝置所需要開發的經驗必須非常豐富,對設計師的要求也非常高,如果是初學或者開發經驗較少,可將裝置分為手機 平板 pc三種頁面來寫。2 寬度的響應 寬度的響應最近使用的最多的就是類似以下這種寫法 width cal...

pc端,移動端,客戶端的區別

pc端與移動端的區別 1 從相容方面來說,pc考慮的是瀏覽器的相容性,移動端考慮的是手機相容性,因為目前不管是安卓還是ios手機,一般的瀏覽器都是webkit核心 2 從事件處理上說,移動端主要是觸屏事件,而缺少hover事件 3 從布局上來說,移動端一般要做到布局自適應 4 從動畫處理上,pc端由...