Hybrid App開發者必定不要錯過的框架和工具///////////z

 

ionicFramework

我是hybrid app的忠實粉絲和大力倡導者，從 新浪移動雲開始就不斷的尋找能幫助Web程序員開發出漂亮又好用的UI層框架。在歷經了jqmobile、sencha touch等框架後，一直沒能找到一個真正符合個人想法的框架：它應該爲hybrid app設計、組件化結構、UI簡潔而優美。

不少同窗不明白爲Hybrid app設計跟爲Mobile web設計有什麼不一樣，我只說最典型的一點：Hybrid App的資源都在本地的，沒有網絡讀取的消耗，因此最理想的方式是一次性載入多個界面，應用直接在多個界面之間切換，而不是爲了節省流量經過ajax按需 載入。後者正是jqm等框架的作法。sencha touch在概念層上我接受不了，它讓我感受本身不是在寫界面，而是在作算法做業。關於這些老框架的吐槽， 之前寫過，就再也不多說。接下來講說最近的新發現。

轉眼快兩年，不少更適合hybrid app的框架開始出現。此次選型我其實先選了  chocolatechip-ui 。

它和我以前寫過的lazymobile理念很相似，採用div來做爲App界面，界面之間的切換其實就是瀏覽器在div上的滑動。界面採用了 ios7的平面設計風格，很討喜。我看到就心動了，讀完基本代碼實現後就找了個小需求來試用。那是一個tab+side menu的app，而後我發現chocolate-chip的組件的封裝程度不夠，多個組件之間重複嵌套時會出現各類互相影響。這顯然違背了正交性原則。 因而我戀戀不捨的和它分了手。

而後我遇到了 ionicframework。ionic採用 angularjs做 爲其基礎，這就在封裝性上有了質的提高。你可使用相似<weibo>的標籤來描述一條微博。它也一樣採用angualar-ui裏邊的 states來切換界面，從而保證了切換過程的平滑。另外就是它還直接整合了Cordova(就是phonegap了)的命令行工具，寫完後直接一個命令 就能夠編譯app了。

ionic的學習成本比較高。由於Angularjs是一個真正的MVC框架，它的M和V雙向綁定。我春節花了點時間學了一下，能寫一些簡單應用 了。學習的時候有時候仍是思惟轉換不過來，好比我曾苦苦思索form表單要怎麼提交，提交到哪裏去。但實際上form表單的控件原本就是綁定到數據對象 的，只要調用數據對象的save方法就行了。

但總體來說我仍是很推薦這個框架的，並且我也認爲AngularJS的作法表明了將來，學習一些新東西有時候會讓人生更多樂趣。

Ripple Emulator

在編寫代碼的時候，我通常用node的http-server直接在代碼目錄起一個web服務，用瀏覽器調試。可是代碼裏邊那些phonegap 的擴展功能每每會致使頁面報錯。以前爲了解決這個問題，咱們作了雲窗調試器，但如今由於某些緣由，基本不更新了。另外雲窗調試器須要將代碼傳到SAE上後 才能調試，也沒有本地來得便捷。

這裏要推薦給你們的是一個Chrome擴展， Ripple Emulator。

用了這個擴展，你就能夠直接在Chrome上調試Colrdova的功能了。能選擇模擬器來測試屏幕大小，還能選擇模擬器的Cordova版本。五星推薦，用了你會回來點讚的。

還有一些Angular相關的工具我也在用，此次就先不整理了。之後有空再慢慢整理吧，請關注個人微博獲取最新的消息。