5大最流行手機webAPP框架之Ionic

 

Ionic 框架

Ionic框架是咱們前五個web app框架中最年輕的,阿爾法版本是在2013年11月下旬發佈的。Ionic是創建在google的AngularJS框架上的,它利用AngularJS來提供應用結構,而它自己更關注的是用戶界面。換句話說,我們將會看到強大的Angular和美妙的Ionic的一個完美的組合。

Ionic(自定義HTML元素)爲它的組件提供了一組Angular指令,使其很容易使用小部件，簡單的就像寫一行HTML代碼同樣。除了指令,Ionic使用Angular的觸摸識別器,視圖動畫邏輯,HTML生態和異步通訊。

雖然你能夠在克隆和解壓之後直接使用，一樣你也可使用npm包管理器來安裝基於node-js的客戶端，而後迅速開始你的種子項目。

    儘管Angular是目前Ionic的主力,可是仍然容許開發人員以開放的選項來支持該框架，例如Knockout或者Emberjs。這個特別的審查被AngularJS強烈影響着，隨着Ionic漸漸的支持其餘框架,但它並不保證其準確性。

MV* Pattern

Angular JS過去被用來做爲MVC框架,可是隨着時間的推移，當$scope對象做爲一個視圖模型的狀況下，就視圖模型來說它經過控制器來進行操縱，這也使得Ionic變得更接近MVVM框架。這樣一個靈活的方法，開發人員能夠根據他們喜愛來使用MVC或MVVM，只要他們的目標能被事項就行，MVVM框架將顯示從從業務邏輯分離從而提升了可維護性和生產力。

類系統

Angular JS或Ionic都不是面向對象的JavaScript框架，所以它們沒法使用類系統。這可能被視做該框架的弱點或強點,其僅僅取決於JavaScript前端須要的簡易程度。

DOM 控制

Angular 嵌入了jqLite,jqlite是jQuery的一小部分,容許跨瀏覽器兼容的方式進行DOM操做。就擴展功能而言的話,jQuery能夠加載文檔。

UI and Theme

談及到UI，Ionic顯示其內在的潛力。Ionic真正的美在於它的簡單性。幾乎全部的google風格中，它使用現有HTML5和CSS3功能提供快速的體驗。速度是徹底在它的簡單-沒有沒必要要的陰影,圓角,梯度，只須要扁平簡潔活力，,清潔簡單,強大,純粹的HTML5。Ionic並不保證你原生外觀UI,但它確實提供很是快的和一致的接口,即便在你認爲HTML5應用程序渲染效果很慢。

 

經過SASS來進行定製,Ionic有方便的變量和mixin擴展來定製它的外觀。此外,它的開源圖標庫有440多個圖標可供選擇。

小部件

Ionic的組件是很是簡單的。他們能夠根據Angular指令的原型來定製HTML元素,Ionic還提供控制器來補充配置和交互。雖然有些框架能夠提供更復雜的小部件,Ionic提供了一些簡單的構建塊,這些構建塊能夠提供豐富的用戶界面。自alpha版本起,該框架提供了大量的表單元素,頁眉和頁腳欄、按鈕、一個簡單的和可定製的項目列表,網格元素等等。

響應式設計

 

在內部,Ionic利用響應Web設計原則根據屏幕大小或像素密度來產生更優化的體驗。任何app-specific RWD場景將受到歡迎合很好地實現。

桌面支持

 

用於混合移動應用程序(可安裝在移動設備上經過應用程序商店),Ionic並不意味着用於桌面web應用程序/網站。雖然內容將會顯示的很好,它任然須要作一些優化才能目的。那些但願建立應用程序,適合這兩種環境中能夠留在角JS,可是使用Zurb開發基礎上,Twitter引導或相似的UI庫。

第三方插件

    當前沒有第三方插件或擴展可用

 

擴展

很多擴展性將會從CSS(S)或Angular指令和控制器衍生出來。這將會使得擴展成爲應用程序的一個組成部分，,不可避免,但不要求。即便開發人員是Ionic的新人，Angular也不須要鬥爭。

構建工具

Gulp是用來構建Ionic  # 1 JavaScript構建工具,爲你的項目目的更加具備吸引力。

打包(原生)

Ionic應用程序將須要外部工具用於包裝。這被用來和PhoneGap和Cordova和Trigger.io一塊兒工做。

設備APi

     Ionic不支持設備api。

文檔

Ionic文檔是合適的完成的alpha階段框架。示例豐富,文檔顯示大多數的組件將在移動設備上顯示一個預覽。預覽是頗有吸引力的。

Angular的文檔會知足開發人員中的初學者,但很快就會變得不充足。做爲信息的慾望達到專家水平,開發人員可能會被迫訴諸源代碼或其餘地方。

離子的文檔是體面完整考慮的alpha階段框架。示例豐富,大多數的文檔顯示預覽組件將在移動設備上。預覽是頗有吸引力的。

角的文檔會知足初學者開發人員,但很快就會變得不足。做爲信息的慾望達到專家水平,開發人員可能會被迫訴諸源代碼或其餘地方。

License

Ionic和AngularJS都在MIT許可下可用。

Community

由於它還處在一個生命週期的早期階段,Ionic還沒有一個成熟的社區。然而,考慮到相同的狀況下,它的受歡迎程度的提高速度比許多其餘框架要快。

這些人會說什麼呢？

JavaScript 開發者

這是一種全新而且直的構建豐富的應用的方式。MVC和MVVM模式被實現·,像老拉丁人會說他們有機會與Angular JS一塊兒工做。此外,使用HTML定義視圖和使用js對象定義數據模型,最終開發人員很容易編寫更少的代碼和使用更少的時間來生產高質量的應用程序。

設計人員

充滿激情的設計師會喜歡Ionic,由於它容許他們按本身的喜愛自定義佈局,而沒必要修改別人的複雜的小部件和破壞應用的功能。定製的UI須要Zurb開發基金會或者是推特的bootstrap一塊兒工做.

產品經理:

開始學習AngularJS的障礙很是低,根本不須要知道整個框架就能夠構建一個簡單的應用程序。然而,初學者在複雜的應用程序面前，將面臨着更高級的任務將會須要來應對一個愈來愈陡峭的學習曲線。

請記住Ionic被用來使用混合的應用而不是手機網站。

 翻譯網頁：

http://moduscreate.com/5-best-mobile-web-app-frameworks-ionic-angulalrjs/