2015年移動Web／HybridApp開發技能列表

   2014年使用HTML5開發全平臺HybridApp一年時間，最近幾個月完成了一個HTML5單頁面應用的微信項目，在移動Web開發方面積累了比 較全面的經驗。項目中發現一些Web前端工程師在轉到移動端開發會遇到很多技能方面的問題，在此把移動Web開發方面需要的技能整理下。

     HTML5方面，熟悉HTML5提供的新特性，包括localStorage， data屬性，各種移動端特有的meta屬性，各種新element，各種新的input type在移動端的適配情況。

     CSS3方面，熟悉flex彈性布局，熟悉CSS3動畫，在移動端動畫基本上靠CSS3了，做的好不比原生的動畫效果差

     SASS or LESS，大規模的手寫css實在太累了！

     javascript方面，需要精通。前后端完全分離，服務器端只提供接口了，大量的業務邏輯需要前端js實現。

     Git版本管理，現在前端不是只切圖做靜態頁面了，需要負責維護模版，所以需要提交代碼到git了。

    gulp／grunt構建工具，實現各種自動化任務，避免重復勞動，比如自動壓縮css，js，檢查代碼缺陷，更新服務器等。

    各種移動端開發框架，ionic framework， Reapp， Jquery mobile，Zepto.js,  Appcan 等至少選一個。

    熟悉各平臺移動瀏覽器的差異，包括android平臺各系統版本瀏覽器的變化情況，iOS平臺相對比較容易適配。最好對Webkit內核有一定的了解。

   如果是做Hybrid App，還需要熟悉Cordova框架及其常用插件，熟悉Android或iOS原生開發，這一塊一般的前端開發基本沒有經驗。Android上Hybrid App坑比較多，特別是低端機。

   如果做微信應用，需要熟悉微信平臺的各種文檔，jssdk提供的接口，至少熟悉一種服務器端語言，如php，nodejs，jsp等。  目前微信開發坑比較多，包括各種回調喝服務器限制，文檔錯誤等。