你的位置:首页 > Java教程

[Java教程]EmberJs之3W


写在前面

         最近比较忙,换了新工作还要学习很多全新的技术栈,并给自己找了很多借口来不去坚持写博客。常常具有讽刺意味的是,更多剩下的时间并没有利用而更多的是白白浪费,也许这就是青春吧,挥霍吧,这不是我想要的,既然这样,我还要继续写下去,坚持把博客做好,争取进前100博客,在此谨记。

                                                                                                                                                2015年5月7日深夜,于电脑旁。

文章索引

JS前端框架之Ember.js系列

 

What is EmberJs?

         现如今Js框架层出不穷,各自独领风骚、你争我夺,还有各种新鲜框架来抢占市场吸引眼球,那究竟我们该如何选择,它们各自又适合那些场景呢?

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

  

  EmberJs自称为一个雄心勃勃的框架级应用叫板时下正热的AngularJs框架。应用Ember.Js您可以构建出用户表格、图标等各种引用,并且Ember.Js中引用并实现了当下最流行的设计方式MVC,ChildView等概念,让您可以更方便的开发出应用,社区支持Ember.Js的强大生命力。

  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/