HTML5+MUI+HBuilder 之初探情人

07，08年那會兒正當Java火爆，C/C++還是普遍運用的一門語言的時候，因此個人大學都獻給了C/C++和Java。當諾基亞的倒閉成爲按鍵機時代衰落的標誌時，移動APP的開發也如破堤之洪。爆炸式的崛起了。小弟不才，反映略慢，加上觀念陳舊，（C++程序猿的通病——認爲前端=低端&移動端=前端），所以並無打好移動APP的基礎。這給後來我和咱們興趣小團隊作些創意式項目也帶來了難以逾越的坎。

現在這會兒，哪一個web應用沒有移動APPclient，就比如飛機沒有機翼。帥哥沒房沒車沒學歷，美女不能生育同樣，讓人沒法接受，且火不起來。使人欣慰的是。個人團隊裏有人會Android開發，因此我所要操心的就是IOS開發了，因而我自學了IOS上的Xcode開發。現在的我僅僅能說是入門。

入門的我發現，IOS的開發太繁瑣了。畢竟我不是專門作這個的，要成爲熟練的開發人員，需要花大量的時間研究開源控件。改寫代碼等，固然使人費心的還有Xcode奇葩的MVC邏輯（MVC用在web開發很是好，但是用在本地應用開發真的適合嗎？小弟做爲一個Xcode新人吐槽一句：這就至關於當年VC中的MFC！用過Delphi和CBuilder這些RAD的都會喜歡BCB的界面開發，入手簡單，所見即所得。因此在Delphi的Anders Hejlsberg去了微軟以後開發出了微軟至今最偉大的語言——C#及相關組件，當我第一次使用C#作Windows窗口應用開發的時候。我感受到了Delphi界面開發的靈魂）。

言歸正傳，當我正迷茫本身諸多想法皆要毀於巨大的App開發成本時，MUI的出現真正的解放了個人負擔。

先簡介下MUI:

        MUI（Mobile User Interface）是一套基於Html5的，遵循Html5+規範的。中國團隊（是否有老外我不知道哦）開發的，開源的（遵循MIT 條款），用於手機端界面開發的一套框架。下面內容摘自MUI在Github上的項目介紹：

性能和體驗的差距。一直是mobile app開發人員放棄HTML5的首要緣由。

瀏覽器天生的切頁白屏、不忍直視的轉頁動畫、浮動元素的抖動、沒法流暢下拉刷新等問題。這些都讓HTML5開發人員倍感挫敗。尤爲拿到Android低端機執行，摔手機的心都有； 還有一方面，瀏覽器默認控件樣式又少又醜，製做一個美麗的控件很麻煩，也有一些製做簡單的ui框架但性能低下。

mui框架有效的攻克了這些問題，這是一個可以方便開發出高性能App的框架，也是眼下最接近原生App效果的框架。——摘自MUI在Github上的項目介紹

MUI的出現絕非偶然，小弟就之前有過相似的完整的設計，因此當MUI出現在個人視野中時，不少其它的是那種「英雄所見略同」的快感。我曾想過並初探過Xamaria的使用。這玩意一是收費，二是感受有點半成品，開發環境很是繁瑣。不適合新手做爲一個業餘愛好使用。

Xamarin始創於2011年，旨在使移動開發變得難以置信地迅捷和簡單。

Xamarin的產品簡化了針對多種平臺的應用開發。 包含iOS、Android、Windows Phone和Mac App。

Xamarin由不少著名的開源社區開發人員創立和參與。而且也是Mono項目的主導者——C#與·NET框架的開源、跨平臺實現。——摘自百度百科。

年初時。我就想過爲啥不可以出來一款相似於JVM的，可以執行在安卓，IOS上的虛擬機，而後開發人員僅僅需要使用一門語言（Java。Javascript，python等）就可以開發出執行在不論什麼移動平臺的軟件呢？而後再使用拖拽+事件編程（等於用BCB/Delphi開發windows應用）的方式來開發APP界面呢？到那個時候。用戶僅僅需要拖拖控件，雙擊加入事件，改動改動樣式等屬性就可以完畢通用的應用。而且，APP的安裝包會很是小。咱們把一些規範的樣式和基礎控件都放到這個虛擬機中。執行時僅僅需要依照ID來調用。固然，草民確定是沒有這個能力。時間。金錢來作這個的。。。

MUI包含同類軟件的誕生，絕對是我今年聽到的對我最實用的軟件行業的消息之中的一個了！

它將極大的提升了草根程序猿開發web產品的單兵做戰能力。儘管我不熟悉原生APP的開發。或對於HTML,CSS和JS並不能說是精通，但是不虛！！

至少有經驗，瞭解原理。跟Xcode的學習成本比已經好了太多！

儘管我是xcode菜鳥，不該該黑xcode，只是以前的swfit的出現，讓我看到了豬跑···（沒吃過豬肉。還沒見過豬跑嗎？）

MUI是移動端開發的革命者之中的一個（同類的產品已經陸續出現）！終將革掉那些高富帥。「土豪劣紳」。大地主才幹用的起的開發方式的命。或許MUI以後還有更加優秀的相似框架產生，眼下（2014年年末）MUI是基於H5的最方便的App開發框架之中的一個！

MUI框架的原理圖例如如下：

           

HTML5+ Runtime即H5的運行環境，它的功能事實上就是手機上Web browser。只是要加上一個形容詞：高效的！ 它運行JS和HTML的速度比IOS自帶的Safari可要高多了。經過高效運行HTML5和JS，MUI框架才幹實現和Native媲美的速度。

        MUI框架眼下的產品——HBuilder，也是遵循了H5+規範的H5 IDE。

經過HBuilder，咱們可以高速開發出H5網頁，而它跑在MUI框架中的速度很快，您不用操心他看起來不像native。另外，HBuilder號稱史上最牛的Html+js IDE，提供了各類快捷鍵，和縮寫方式。小弟體驗了下。感受確實不錯。只是這個工具作的再好，畢竟意義沒有MUI自己大，只是仍是很值得鼓舞的。

要使用HBuilder開發和調試移動端APP（且容忍小弟這麼稱呼吧），僅僅需要：

（1）下載手機端軟件：http://dcloud.io/hellomui/

（2）下載Hbuilder，安裝。打開。

————————如下是開發階段了——————

（3）新建。編寫一個項目（html，js，css，圖片等組成的）。

（4）插上您的手機，鏈接到電腦。點擊執行button（詳細的方式參見教程）。進行調試。

（5）打包公佈！

咋樣？就這麼簡單。

這快感！

。！嘖嘖。

        再來談談我對MUI的發展預測：

一開始，MUI最爲一個吊絲框架，確定不敢大搖大擺的大談行業規範，因此僅僅能把本身的runtime打包到不論什麼一個公佈的應用中。因此假設一個用戶的手機裏裝了多個Hbuilder開發的APP，那麼會有多個反覆的基本庫。

只是MUI框架是很是小的，不用很是操心。

隨着MUI的推廣，樣式的豐富，對Runtime和核心包做出了更大更復雜的要求，所以這個包應該會變大，從而推進了H5 + Runtime的平臺化和固件化（軟件固件），或許過幾年，每個手機的操做系統都會自帶這個執行環境，基於它開發的APP可能僅僅有幾百KB。

        至於MUI的錢途命運，要麼自成一家，爲各大手機商提供服務，索要服務費用，又或者被Apple。三星這種巨頭以重金收購。總之，這項技術是很是好的，但是盈利模式和終於命運會和Java相似。

但願MUI的同志再接再礪。作好興許的服務和工做。剛使用了下語音輸入功能。好像有點小BUG。

    （本文純屬飯後閒話，勿對號入座，口水滿屏）