導讀:近年來,隨著互聯網高速發展及智能手機的在老百姓的中普及的越來越廣,web前端開發再次受到關注。從傳統的Andriod、IOS原生手機系統App開發,轉向了移動端Web開發或者是混合開發,接下來簡單的介紹一下移動web前端開發應該具備哪些技能。
? 近年來,隨著互聯網高速發展及智能手機的在老百姓的中普及的越來越廣,web前端開發再次受到關注。從傳統的Andriod、IOS原生手機系統App開發,轉向了移動端Web開發或者是混合開發,接下來簡單的介紹一下移動web前端開發應該具備哪些技能。
?
一、web前端基礎知識的準備
HTML/HTML5、CSS/CSS3基礎知識(會簡單的切圖就可以了),熟練掌握Javascript語法知識(這是重點),如果會一點PS技能及更好了。如今開發移動端的應用程序有如下幾種方式:
1)基于網頁方式的web前端開發,如:新浪網,騰訊新聞、百度新聞網等,這些都是在移動端以網頁形式運行的程序。
2)基于WEBApp的移動端開發,比如大家熟知的微信小程序、支付寶小程序開發
3)基于HybridApp的移動端開發,這種開發方式也叫作套殼開發,就是通過寫特定代碼生成跨平臺的webapp,比如reactnative、uniapp等,最終通過打包的方式生成跨平臺的App。
?
二、web前端開發過程終端屏幕適配
目前在移動設備上進行開發,最讓開發人員感到困難的問題就是終端屏幕的適配表現并不是很好。一般移動端適配解決方案:大概常用的解決方法有js+rem,也有使用淘寶Flexible技術,重點就是要熟練掌握多媒體查詢、網頁元素的布局等。
三、平臺兼容性
web前端目前設備、類型、系統平臺特別多,移動端代碼適配比較難處理,還有移動端事件也是一個難題,由于平臺系統的廠商不同,適配的難度就會加大
??
綜上所訴,主要介紹了如何快速轉向移動端開發過程中,在過程中可能會遇到常見學習坑,雖然沒有長篇大論,但對初學移動Web開發做大致的介紹,以便日后在實際開發工作中不斷積累經驗,提高移動端開發的技能。