EmberJs之3W

寫在前面

         最近比較忙,換了新工做還要學習不少全新的技術棧,並給本身找了不少藉口來不去堅持寫博客。經常具備諷刺意味的是,更多剩下的時間並無利用而更多的是白白浪費,也許這就是青春吧,揮霍吧,這不是我想要的,既然這樣,我還要繼續寫下去,堅持把博客作好,爭取進前100博客,在此謹記。javascript

                                                                                                                                                2015年5月7日深夜,於電腦旁。html

文章索引

JS前端框架之Ember.js系列前端

 

What is EmberJs?

         現現在Js框架層出不窮,各自獨領風騷、你爭我奪,還有各類新鮮框架來搶佔市場吸引眼球,那究竟咱們該如何選擇,它們各自又適合那些場景呢?java

         Ember is a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture.---Ember.Jsweb

  

  EmberJs自稱爲一個雄心勃勃的框架級應用叫板時下正熱的AngularJs框架。應用Ember.Js您能夠構建出用戶表格、圖標等各類引用,而且Ember.Js中引用並實現了當下最流行的設計方式MVC,ChildView等概念,讓您能夠更方便的開發出應用,社區支持Ember.Js的強大生命力。npm

  Ember.js 是 JavaScript 框架包中最新的成員之一。 它演變出了最初於 2007 年建立的 SproutCore 項目,Apple 在包括 MobileMe 在內的各類 web 應用程序中大量使用了該項目。 在 emberjs.com,Ember 被形容爲 "一個 JavaScript 框架,用於建立能夠消除樣板並提供標準應用程序架構的大型 web 應用程序。" 它自己緊密集成了名爲 Handlebars 的模板引擎,該引擎爲 Ember 提供了其中一個最強大的功能: 雙向數據綁定。 Ember 還提供了其餘功能,好比狀態管理(某個用戶狀態是已註銷仍是已登陸)、自動更新模板(當底層數據發生變化時,您的 UI 也一樣發生變化)以及計算屬性 (firstName + lastName = fullName)。瀏覽器

  Ember 只有一個依賴項—jQuery。 Ember 應用程序的樣板 HTML 設置看起來應該與下面的代碼相似。 請注意,jQuery 和 Ember 都從 CDN(內容交付網絡)進行更新。 若是用戶在早些時候訪問須要這些文件的其餘網站時已經下載過這些文件,這會加快用戶的頁面加載速度。前端框架

 

Why is EmberJs?

         曾經的王者以前端框架對比:請點擊這裏,再推薦一篇知名黑客最當今流行的Js框架分析:請點擊這裏,最後還有一篇經典的文章來對比AngulerJs和EmberJs:請點擊這裏網絡

 

How to use EmberJs?

         針對Ember.js開發,它有本身的一套開發Suit或者叫CLI更貼切些,這樣方便了你們安裝、開發和調試Ember程序,詳情請參考這裏架構

  1. 集成安裝

    a)         npm install –g ember-cli

    b)         npm install –g phantomjs

  2. 建立環境

    a)         ember new my-app

  3. 運行測試

    a)         cd my-app

    b)         ember server

  4. 驗證結果

    a)         打開瀏覽器:http://localhost:4200

 

驗證就是如此簡單,而且在Ember-CLI的幫助下,更能提高咱們的開發效率。 

 

EmberJs Resources

Ember.Js中文社區(最好的百科全書):http://www.emberjs.cn/guides/

IBM 社區:http://www.ibm.com/developerworks/cn/web/1404_wangfx_jsframeworks/

Ember-CLI:http://www.ember-cli.com/

建立Ember對象:http://www.emberjs.cn/guides/object-model/classes-and-instances/

相關文章
相關標籤/搜索