時隔七年，再來一次熱血沸騰----H5混合開發APP

  七年前大學畢業，開通了博客園，從一名稚嫩的大學生轉型成社會人士，開始了一條程序員之路，其實那個時候，感受本身視野也是蠻清晰的，在你們都作網頁開發的時候，我本身學安卓，總覺得移動開發纔是將來的主流，好景不長，作了幾個月，辭職回來家，考進了銀行，惟一運氣好的就是在銀行裏也是作開發，雖然沒什麼技術含量，起碼仍是敲代碼，可能這一生惟一愛好的職業就是敲代碼了，而不是和這麼多不認識的人打交道。

  簡單的介紹完這幾年的變化，現在我也有了一個可愛的女兒，三週歲，天天都是全身心陪伴，接送上課，晚上作飯，晚上玩遊戲，時間久了，日子也開始平淡，雖然很幸福，總以爲少了什麼，其實年輕的時候，我也是一個對軟件開發充滿夢想的人，大學的時候我也但願能作一款外賣的軟件能解決室友不喜歡下樓吃飯的問題，惋惜打嘴炮歸打嘴炮，最後人家有了融資幾十億的餓了嗎，我仍是一個窮光蛋，只能對本身的青春說：哈哈哈哈。其實過去了，並不可怕，可怕的是你本身一直都在找理由讓他過去，其實此次重開博客，能堅持下去。

  廢話很少說，仍是老習慣-記錄分享學習歷程，但願能遇到一些志同道合的朋友，老樣式--學習首先定方向，此次再次回來助攻H5混合開發APP技術，如今中小企業轉型，我看到了一些商機，他們對於十幾萬二十幾萬一個的APP很是感興趣，老是但願經過APP來提升本身企業的逼格，再也不像之前同樣網頁管理系統，APP開發技術，若是原生開發，週期長，IOS和ANDROID分開開發，維護，上線，雖然界面，互動，和能調的手機功能更強，可是，我此次追求那種快速，優雅，開發上線方便的APP，H5混合開發天然是重點推薦。我粗略的上網查了一下，如今最主流的H5開發框架有幾個，這裏截取其餘大神的文章給你們看看。再也不累述。

Dcloud

1、 開發工具 HBuilder 2、 框架 mui 3、 文檔地址 http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/95 4、 優缺點 優勢： 1) Android低端機上流暢運行 2) 上手快，資料豐富 3) Hbuilder開發工具很方便 4) Mui提供的前端插件很豐富 5) 有html5+底層加速器，比常規的webapp的性能要快 6) 5+的直接封裝的跨平臺api比較全，二維碼、搖一搖、地圖、微信分享、語音輸入、推送這些經常使用api都是跨平臺的，使用方便簡單 缺點： 1) 基於webview，性能比傳統的webapp的性能好，可是比原生的仍是要差一點 2) 影響力不如 reactNactive大

React native

1、 開發工具 不限 2、 框架 依賴javascriptCore的非hybird app 3、 文檔地址 http://reactnative.cn/ 4、 優缺點 優勢： 1) 不用Webview，完全擺脫了Webview讓人不爽的交互和性能問題 2) 有較強的擴展性，這是由於Native端提供的是基本控件，JS能夠自由組合使用 3) 能夠直接使用Native原生的「牛逼」動畫 4) 能夠經過更新遠端JS，直接更新app 缺點： 1) 前端的JavaScript用的語法是jsx，和JavaScript有一點的區別，界面佈局和CSS徹底不同 2) 關於推送、第三方（好比微信分享、登錄、支付）估計要本身來實現 Dcloud與reactNative之間比較：對流暢性要求不過高的，能夠考慮MUI。開發速度快，成本低。對流暢性要求高的，推薦用reactNactive.

Ionic

1、 開發工具 不限 2、 框架 基於AngularJS 一塊兒開發。交互界面，有不少迷人的功能，包括集成的仿真器基於Cordova 的 app 打包器。 3、 文檔地址 http://ionicframework.com/docs/v2/api/components/button/Button/ 目前有版本一、版本2之分 4、 優缺點 優勢 1) 追求性能 運行速度快 2) 輕量級框架 3) 基於 Angularjs，支持 Angularjs的特性， MVC ，代碼易維護 4) 經過 SASS 構建應用程序。它提供了不少 UI 組件來幫助開發者開發強大的應用。 5) 接近原生。 6) 強大的命令行工具 7) 可利用成熟javascript框架。如：Ext js、jQuery。 缺點： 1) Ionic是一個前段框架。不能徹底取代PhoneGap和JavaScript框架的做用 2) 須要結合插件使用

phoneGap

1、 開發工具 市場上比較多 phoneGap桌面開發工具 2、 框架 PhoneGap是一個用基於HTML，CSS和JavaScript的，建立移動跨平臺移動應用程序的快速開發平臺。它使開發者可以利用IOS，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯繫人，聲音和振動等，此外PhoneGap擁有豐富的插件，能夠調用。 3、 文檔地址 http://phonegap.com/ 4、 優缺點 優勢： 1) 可跨平臺。phonegap框架幫咱們解決了差別性，javascript與平臺系統的鏈接由phonegap框架完成。成爲鏈接移動終端的適配器，或者說中間件。 2) 提供硬件訪問控制。可調用加速計、攝像頭、羅盤、通信錄、文檔、地理定位、媒體、網絡、通知(警告、聲音和振動)、存儲。 3) 可利用成熟javascript框架。如：Ext js、jQuery。 缺點 1) 性能差。運行速度慢，UI反應延時——這是個致命傷。(高端機影響不大) 2) 不能徹底跨平臺。不一樣平臺代碼須要微調。 3) 內存消耗大。 4) 調試難度大。

參考連接：https://blog.csdn.net/yanchuan1990/article/details/53304446
框架不少，看本身選擇，我也想先試試一個方向，作開發嘛，動手是最好的方法，好比你學，作了一個月，不合適再換也沒什麼問題，就喜歡這種技術間的更新，假若之後有機會和大咖聊天的時候也不會語塞，順口拈來好幾種框架，也是頗有談資的，只有本身用過了，纔有發言權。前提摘要說了不少，我第一個選用的技術選型是：html五、html5+、vue.js、mui、js，如下是個人學習筆記。首先把幾種沒用的技術稍微學習下，vue.js一天，mui一天，html5+一天今天重點了解下vue.js，看了小半天的vue.js仍是迷迷糊糊的，等我總結一下，再發心得，哪位大神說的一天搞定，太生硬了