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

來源:互聯網
上載者:User

標籤:分享   好文   

前端裡移動端到底比pc端多哪些知識,為啥面試時好多公司都問h5水平如何?

 

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

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

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

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

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

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

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

(1)的一些介面最好都能去實現一遍,熟悉一下肯定有好處的,比如領導讓你通過分享的文章,title、description、以及icon表徵圖怎麼配置,你說你不清楚,那就太水了;

(2)百度地圖的一些API介面,有時間也去熟悉一下吧,對於移動端來講,LBS還是一個非常重要的特性,所以地圖這塊肯定也是需要瞭解的,再加上百度地圖已經是一個比較成熟的平台了,學起來也不費事兒的;

(3)CSS3的動畫去熟悉一下,至少最基本的一些動畫實現和演算法要瞭解,在移動端應該也算用得比較多的;

(4)一般pc用jquery,移動端用zepto,這沒什麼好說的,在這裡主要是想提醒大家,移動端的流量相對還是比較重要的,所以引入的資源或外掛程式,能小則小,一個30k的資源和80k的資源,在移動端還是相差挺大的;

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

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


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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.