前端里移動(dòng)端到底比pc端多哪些知識(shí)?

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

我做過(guò)幾年的web前端開發(fā)，就簡(jiǎn)單談?wù)勛约旱母惺馨伞?/span>

首先來(lái)看看PC端和移動(dòng)端在前端開發(fā)上的一些區(qū)別：

（1）PC考慮的是瀏覽器兼容性，移動(dòng)端開發(fā)考慮的更多的是手機(jī)兼容性，因?yàn)槟壳安还苁?/span>android手機(jī)還是ios手機(jī)，一般瀏覽器用的都是webkit內(nèi)核，所以做移動(dòng)端開發(fā)，更多考慮的應(yīng)該是手機(jī)分辨率的適配，和不同操作系統(tǒng)的略微差異化；

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

（3）在布局上，移動(dòng)端開發(fā)一般是要做到布局自適應(yīng)的，在這里我推薦用rem的解決方案，具體實(shí)現(xiàn)可以百度一下，相對(duì)比較簡(jiǎn)單，處理起來(lái)也比較靈活；

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

區(qū)別就說(shuō)到這里，也許還不完全，我也是想到哪就說(shuō)到哪，下面來(lái)談?wù)勅绻鲆苿?dòng)端的web開發(fā)，也就是題主說(shuō)的h6開發(fā)，在已有PC端的web開發(fā)基礎(chǔ)上，還需要再研究哪些技術(shù)：

（1）微信的一些接口最好都能去實(shí)現(xiàn)一遍，熟悉一下肯定有好處的，比如領(lǐng)導(dǎo)讓你通過(guò)微信分享的文章，title、description、以及icon圖標(biāo)怎么配置，你說(shuō)你不清楚，那就太水了；

（2）百度地圖的一些API接口，有時(shí)間也去熟悉一下吧，對(duì)于移動(dòng)端來(lái)講，LBS還是一個(gè)非常重要的特性，所以地圖這塊肯定也是需要了解的，再加上百度地圖已經(jīng)是一個(gè)比較成熟的平臺(tái)了，學(xué)起來(lái)也不費(fèi)事兒的；

（3）CSS3的動(dòng)畫去熟悉一下，至少最基本的一些動(dòng)畫實(shí)現(xiàn)和算法要了解，在移動(dòng)端應(yīng)該也算用得比較多的；

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

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

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