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/

时间: 2024-10-31 03:12:46

EmberJs之3W的相关文章

emberjs

emberjs 博客:http://www.cnblogs.com/xiangbing/p/emberjs-test.html 案例:http://www.lovewebgames.com/emberjs/test/index.html 源码:https://github.com/tianxiangbing/emberjs-test 准备工作 首页我们要做的是从网上下载下来emberjs相关的文件,目前在1.x的版本中,ember是要依赖jquery(v1.7.1~2.2.0) 和handleb

知识分享---EmberJs系列文章

JS前端框架之Ember.js系列文章 本文为文章索引,主要是罗列Ember.js的相关文章便于阅读. 基础篇 1. EmberJs之What|Why|HoW 进阶篇 高级篇

Emberjs之ComputedProperty

Computed Property (简称CP) 1. What is CP? In a nutshell, computed properties let you declare functions as properties. You create one by defining a computed property as a function, which Ember will automatically call when you ask for the property. You c

总理火了3W咖啡,下一个火的在哪儿

自从总理莅临了中关村的3W咖啡店之后,咖啡店这个创业形式就火了起来. 更何况,巴尔扎克说:"咖啡馆的柜台就是民众的议会厅." 还有,流传得很广的一句文青们最喜欢的话就是:我不在咖啡店,就在去咖啡店的路上. 如果这都是真的,那得多大的客流量啊-- 更重要的是:咖啡店这个创业形式,万一做好了,那就很可能流芳百世呀.比如说巴塞罗那毕加索的四只猫咖啡店,比如说阿尔勒梵高笔下的<夜晚露天咖啡馆>- 所以说,咖啡店这事儿,弄好了的话,名利双收呢. 必须得开咖啡店. But--. 开一家

emberjs学习二(ember-data和localstorage_adapter)

emberjs学习二(ember-data和localstorage_adapter) 准备工作 首先我们加入ember-data和ember-localstorage-adapter两个依赖项,使用bower install安装这两个插件.如下 "dependencies": { "jquery": "~1.9.1", "ember": "~1.13.10", "handlebars"

emberjs学习一(环境和第一个例子)

code { margin: 0; padding: 0; white-space: pre; border: none; background: transparent; } code, pre tt { background-color: transparent; border: none; } --> emberjs学习一(环境和第一个例子) 博客:http://www.cnblogs.com/xiangbing/p/emberjs-test.html 案例:http://www.love

Emberjs 上手 - 使用Grunt进行项目组织与创建

在要开始构建Emberjs的应用前,首先考虑一个可以组织和管理好整个JavaScript项目的方法和工具,可以使用Ember-cli,也可以使用通用的JavaScript的构建工具Grunt. 为什么需要这样的工具呢?原因是软件项目的开发与管理离不开良好的代码组织方法与管理工具的使用,特别是团队开发人员多,项目结构复杂时,技术的组织管理就会是一个挑战.好比盖一幢楼房,如果不能够有效地管理建筑材料.工人与施工进度时,那么工程质量与交付就无法得到保障了. Grunt 的功能 好了,现在来看看使用Gr

EmberJs之数组绑定@each&amp;[]

写在前面 好长时间没有写博客了,昨天花了些时间又整理了下之前发布过的<Ember.js之computed Property>文章,并创建了一个测试代码库,花了些时间,希望能使用测试代码的方式,来演示如何使用Ember.js同时能避免升级Ember版本后,一些功能上的变化所带来的隐含Bug. 如果大家对Ember.js有兴趣想一起研究的话,欢迎大家一起维护测试代码库  :) 本文主要是针对Ember.Array中的[]和@each,数组方法进行详细分析. 文章索引 JS前端框架之Ember.js

Emberjs 分页

<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <!-- Created using JS Bin http://jsbin.com Copyright (c) 2015 by machty (http://jsbin.com/ucanam/4075/edit) Released under the MIT license: http://jsbin.mit-license.org -->