码迷,mamicode.com
首页 > Web开发 > 详细

Ember.js 入门指南——总目录

时间:2015-10-25 18:06:55      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:

    Ember.js 是什么?我想对于想学习它的人应该知道它是个什么东西,如果你想了解那就赶紧去 Google 或者百度,本系列教程是通过学习官网教程然后摘抄个人觉得比较重要的部分,加上学习实例整合而成,如有疏漏欢迎提出修改意见,一起成长!

    Ember官网:http://emberjs.com/

    教程官网:http://guides.emberjs.com/v2.0.0/

    在此简单介绍下 Ember;

    Ember是一个雄心勃勃的Web应用程序,消除了样板,并提供了一个标准的应用程序架构的JavaScript框架。

    Ember核心组成有如下几个部分:

  • 路由

    在Ember应用程序中,程序的状态是又URL表示出来的。每一个URL都有一个对应的路由对象,这个对象可以控制是否对用户可见。

  • 模型

    每一个路由都有一个与此关联的模型,模型中包含应用程序当前状态相关的数据。对于应用程序来说,可以通过使用jQuery从服务器加载JSON对象,并将这些JSON对象作为模型,很多的应用程序都是使用模型库来处理数据,比如Ember data。

  • 模板

    模板是用于构建一个应用程序的HTML以及作为模板语言。(HTMLBars是Handlebars的另一个版本,用于构建DOM元素而不是构建成一个字符串。)

  • 组件

    一个组件就是一个自定义的HTML标签。标签的行为是用JavaScript实现,用HTMLBars模板展示,组件包含了他们使用的数据。它们可以嵌套,并且可以通过事件(events)与父组件通信。其他的组件库也是可以在Ember应用程序中使用,比如Polymer

  • 服务

    服务是个单例对象,用于长期保持数据,比如用户的session。


    本教程的目录

    

第一章 对象模型

1,Ember.js 入门指南——类的定义、初始化、继承

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=5949f01414a66860379f073cfd8aec43。

       2,http://my.oschina.net/ubuntuvim/blog/502006。

 

2,Ember.js 入门指南——类的扩展(reopen)

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=6e0cdc293cb3be9ebb9bec55f30f578e。

       2,http://my.oschina.net/ubuntuvim/blog/502325。

 

3,Ember.js 入门指南——计算属性(compute properties)

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=99fdb00c49afb32174c4f189c60382d6。

       2,http://my.oschina.net/ubuntuvim/blog/502636。

 

4,Ember.js 入门指南——观察者(observer)

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=f36eea7ce11098a6d972a6a6d8cf4876。

       2,http://my.oschina.net/ubuntuvim/blog/503512。

 

5,Ember.js 入门指南——绑定(bingding)

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=ad650778e5a2fbac63d4a484bd472241。

       2,http://my.oschina.net/ubuntuvim/blog/503610。

 

6,Ember.js 入门指南——枚举(enumerables)

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=e2ea5494bf3d121f25a825c40325c541。

       2,http://my.oschina.net/ubuntuvim/blog/504127。

 

 

第二章 模板

7,Ember.js 入门指南——handlebars基础

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=b8bd405eca77b612f5b5b974b5f1dfd2。

       2,http://my.oschina.net/ubuntuvim/blog/505197。

 

8,Ember.js 入门指南——handlebars条件表达式

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=851f7d9b1689d8b9cc00a37fbff2ee35。

       2,http://my.oschina.net/ubuntuvim/blog/505538。

 

9,Ember.js 入门指南——handlebars遍历标签

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=aba77c385cc3af221c5e2105a7935d5b。

       2,http://my.oschina.net/ubuntuvim/blog/506534。

 

10,Ember.js 入门指南——handlebars显示对象的键(未完待续)

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=9aeea14796094cd250cc72f66ea43680。

       2,http://my.oschina.net/ubuntuvim/blog/506536。

 

11,Ember.js 入门指南——handlebars属性绑定

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=bd74d8b61c02c9dbf081e7bf2ed18883。

       2,http://my.oschina.net/ubuntuvim/blog/507065。

 

12,Ember.js 入门指南——{{link-to}} 助手

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=95c466a6cb2e21cf9eb7363244ef8756。

       2,http://my.oschina.net/ubuntuvim/blog/508320。

 

13,Ember.js 入门指南——番外篇,路由、模板的执行、渲染顺序

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=bd74d8b61c02c9dbf081e7bf2ed18883。

       2,http://my.oschina.net/ubuntuvim/blog/508165。

 

14,Ember.js 入门指南——{{action}} 助手

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=61d90a090c764ccf0e2efdcfe1db295f。

       2,http://my.oschina.net/ubuntuvim/blog/508645。

 

15,Ember.js 入门指南——表单元素

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=d3a384da132083b5b982b2248258e848。

       2,http://my.oschina.net/ubuntuvim/blog/508952。

 

16,Ember.js 入门指南——调试助手

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=3510f7b0d92a0e2f3ad1f742fd0e54ef。

       2,http://my.oschina.net/ubuntuvim/blog/509005。

 

17,Ember.js 入门指南——工具类的助手

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=a3940aaeb28ccc56cb194e1cba00a96d。

       2,http://my.oschina.net/ubuntuvim/blog/509426、

 

第三章 路由

18,Ember.js 入门指南——路由简介

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=75c4a83c19052fe483b75302d65058ae。

       2,http://my.oschina.net/ubuntuvim/blog/509829。

 

19,Ember.js 入门指南——路由定义

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=74a1f772b4ee90db3c21f119fb67119b。

       2,http://my.oschina.net/ubuntuvim/blog/510622。

 

20,Ember.js 入门指南——指定与路由关联的模型

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=1cdbc221cd1ef396e37f5811a30d4a54。

       2,http://my.oschina.net/ubuntuvim/blog/510934、

 

21,Ember.js 入门指南——模板渲染

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=d9e28752aab6a69fcb44af4db8ca52af。

       2,http://my.oschina.net/ubuntuvim/blog/511047、。

 

22,Ember.js 入门指南——路由重定向

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=eb8584d8b91b8edfe700f48c45aac631。

       2,http://my.oschina.net/ubuntuvim/blog/511484。

 

23,Ember.js 入门指南——路由切换的防止和重试

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=28b2f5fbadfac2f0bf3fb9c690eee31c。

       2,http://my.oschina.net/ubuntuvim/blog/511599。

 

24,Ember.js 入门指南——loading、error子路由

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=f1918aa603ca6b220835f53ecf9f6800。

       2,http://my.oschina.net/ubuntuvim/blog/511757。

 

25,Ember.js 入门指南——查询参数

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=bf90dd58ffeed7448d86653f88498b5c。

       2,http://my.oschina.net/ubuntuvim/blog/512679。

 

26,Ember.js 入门指南——异步路由

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=b85e94bc505b200a03b4242d45e9fbff。

       2,http://my.oschina.net/ubuntuvim/blog/513043。

 

 

第四章 组件

27,Ember.js 入门指南——组件定义

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=4fd3ad852fa5d701c2b281bdfbe6bfd1。

       2,http://my.oschina.net/ubuntuvim/blog/514534。

 

28,Ember.js 入门指南——属性传递

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=5def037fa1fc9fc514738cf235a53b47。

       2,http://my.oschina.net/ubuntuvim/blog/515011、

 

29,Ember.js 入门指南——包裹内容

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=bee9f1514bd469c5a7ca63618d8d03d2。

       2,http://my.oschina.net/ubuntuvim/blog/515448。

 

30,Ember.js 入门指南——自定义包裹组件的HTML标签

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=78089f274a021b0683fa6774e4a886b3。

       2,http://my.oschina.net/ubuntuvim/blog/515658。

 

31,Ember.js 入门指南——处理事件

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=7786cd9fe2d3a4fbefd9ce30e0798845。

       2,http://my.oschina.net/ubuntuvim/blog/516086。

 

32,Ember.js 入门指南——action触发变化

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=7fd118a9fe67bde8a6dd40f95234b1be。

       2,http://my.oschina.net/ubuntuvim/blog/516859。

 

 

第五章 控制器

33,Ember.js 入门指南——控制器(controller)

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=6cfa443a5bdf4ddbe3e66e92a62d6436。

       2,http://my.oschina.net/ubuntuvim/blog/517331。

 

34,Ember.js 入门指南——管理控制器之间的依赖关系

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=305c76d160da5a32352488550a441d2f。

       2,http://my.oschina.net/ubuntuvim/blog/517829。

 

第六章 模型

35,Ember.js 入门指南——model简介

       上篇

1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=042c3049a98afadda356e371434e6329。

       2,http://my.oschina.net/ubuntuvim/blog/518193、

 

下篇

1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=f42446032f26b375c2628888e232fe53。

       2,http://my.oschina.net/ubuntuvim/blog/518194。

 

36,Ember.js 入门指南——定义模型

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=6dc973197228dccc2642f2a28993ba86。

       2,http://my.oschina.net/ubuntuvim/blog/518608。

 

37,Ember.js 入门指南——查询记录

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=d27d04573df702a39b1f7ea4afc96501。

       2,http://my.oschina.net/ubuntuvim/blog/519119。

 

38,Ember.js 入门指南——新建、更新、删除记录

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=f2cf00bd530a9fe7b9882520bd9667fd。

       2,http://my.oschina.net/ubuntuvim/blog/519619。

 

39,Ember.js 入门指南——设置记录到Store

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=047b303bdd1b81acd51b88fd80e422ee,

       2,http://my.oschina.net/ubuntuvim/blog/520149。

 

40,Ember.js 入门指南——model的关联关系处理

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=047b303bdd1b81acd51b88fd80e422ee。

       2,http://my.oschina.net/ubuntuvim/blog/520149。

 

41,Ember.js 入门指南——元数据

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=9b325bd325c83942d5393d64a6963a7d、

       2,http://my.oschina.net/ubuntuvim/blog/520164。

 

42,Ember.js 入门指南——自定义适配器

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=09213c85205d4be507cf2d06a9f8b470。

       2,http://my.oschina.net/ubuntuvim/blog/520965。

 

43,Ember.js 入门指南——自定义序列号器

       1,http://ibeginner.sinaapp.com/index.php?m=Home&c=Index&a=detail&id=0b2f62a75cdc3352bb5122a36994dced。

       2,http://my.oschina.net/ubuntuvim/blog/521685。




    参考文献:

    1, http://www.cnblogs.com/rush/archive/2013/04/29/3051191.html

    2,http://ember-doc.com

    3,https://blog.openshift.com/day-19-ember-the-missing-emberjs-tutorial

    4,http://eviltrout.com/2013/02/10/why-discourse-uses-emberjs.html

    5,http://www.ember-cli.com/user-guide/



Ember.js 入门指南——总目录

标签:

原文地址:http://my.oschina.net/ubuntuvim/blog/521823

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!