Ember.js深入探索与实战指南

5星 · 超过95%的资源需积分: 10 152 浏览量更新于2024-07-22 收藏 7.57MB PDF 举报

"Ember.js 文档" Ember.js 是一个强大的JavaScript框架，用于构建富交互式的Web应用程序。这个文档是"Manning Early Access Program"（MEAP Edition）的一部分，名为"Ember.js in Action"，由Manning Publications出版。文档旨在为开发者提供深入理解Ember.js的基础知识和实际应用技巧。文档分为三个部分： 1. Ember.js 基本概念 - "Powering your next ambitious web application"章节介绍Ember.js如何帮助开发者构建大型、复杂的Web应用。 - "The Ember.js Way"探讨了Ember.js的设计哲学和最佳实践，强调其约定优于配置的原则。 - "Putting everything together using Ember.js Router"讲解了Ember.js路由系统，它是应用结构和导航的核心。 - "Automatically updating templates with Handlebars.js"介绍了Handlebars模板语言，它与Ember.js紧密集成，用于声明性地创建动态用户界面。 2. 构建实际世界的复杂Web应用 - "Bringing home the bacon - Interfacing with the server-side using Ember Data"涵盖了Ember Data，这是Ember.js的默认数据管理库，用于与服务器进行数据交互。 - "Interfacing with the server-side without using Ember Data"讨论了在不依赖Ember Data的情况下与后端接口交互的方法。 - "Writing custom components"教授如何创建自定义组件，这是Ember.js中复用和抽象UI逻辑的关键。 - "Ember.js - Testing your Ember.js Application"涵盖了测试策略，确保Ember.js应用的质量和稳定性。 3. 高级Ember.js主题 - "Authentication through a third-party authentication system - Mozilla Persona"介绍了如何通过第三方身份验证系统（如Mozilla Persona）实现用户认证。 - "The Ember.js RunLoop - Backburner.js"深入解析Ember.js的运行循环机制，这是保证应用性能和响应性的核心组件。这份Ember.js文档为开发者提供了全面的指南，从基础到高级，覆盖了构建现代Web应用所需的所有关键知识点。无论你是初学者还是经验丰富的开发者，都能从中受益。文档鼓励读者参与讨论，提出反馈，以帮助完善内容，确保最终出版的书籍质量。

Figure 1.4 The structure of a server-side framework

As you can see, we have now significantly increased the number of HTTP requests that the

client issues against the server. But at the same time, we have not decreased the amount of

work that the server needs to do for each of these requests. Don’t get me wrong, they did

support partial page updates by way of replacing elements based on the element identifiers

and cherry-picking these elements from the complete markup returned from the server. If

you’re thinking this is a waste of both server- and client-side resources, you’re absolutely right.

Figure 1.4 shows this structure.

Ideally, what we want to do, is to server the application only once. After the full application

is loaded, we only want to submit request for data from the client. This brings us to the model

that Ember.js employs.

1.2.2 Moving toward the Ember.js model

These days, websites rely less on passing markup between the server and the client, and more

on passing data. It’s in this realm that Ember.js comes into play as shown in figure 1.5.

©Manning Publications Co. We welcome reader comments about anything in the manuscript - other than typos and

other simple mistakes. These will be cleaned up during production of the book by copyeditors and proofreaders.

http://www.manning-sandbox.com/forum.jspa?forumID=847

Licensed to Wei Huang <hw1979@gmail.com>

1.3 Overview of Ember.js

Ember.js started its life as the second version of the SproutCore framework. But while

working on version 2.0 of SproutCore, it became clear to the SproutCore team members that

the underlying structure of the framework needed a radical change if they were to meet their

goal of building an easy-to-use framework that applied to a wide range of target web

applications but was still small.

What Is SproutCore?

If you’re not familiar with SproutCore, it’s a framework developed with a highly component-

oriented programming model. SproutCore borrowed most of its concepts from Apple’s Cocoa,

and Apple has written some of its web applications (MobileMe and iCloud) on top of

SproutCore. Apple also contributed a large chunk of code back to the SproutCore project. In

November 2011, Facebook acquired the team responsible for maintaining SproutCore.

In the end, part of the core team decided to make these changes in a new framework separate

from SproutCore’s origins.

That being said, Ember.js does borrow much of its underlying structure and design from

SproutCore. But where SproutCore tries to be an end-to-end solution for building desktop-like

applications by hiding most of the implementation details from its users, Ember.js does what it

can to make it clear to users that HTML and CSS are at the core of its development stack.

Ember.js’ strengths lie in its ability to enable you to structure your JavaScript source code

in a consistent and reliable pattern while keeping the HTML and CSS easily visible. In addition,

not having to rely on specific build tools to develop, build, and assemble your application gives

you more options and control when it comes to how you want to structure your development.

And when the time comes to assemble and package your application, many reliable tools are

available. In chapter 11, you’ll learn about a few of the available packaging options.

You must be eager to get started with Ember.js by now, so let’s quickly describe what

Ember.js is and what parts make up and Ember.js application, before moving on to creating

our first Ember.js application.

1.3.1 What is Ember.js?

According to the Ember.js website,

Ember.js is a framework that enables you to build

“ambitious” web applications. That term “ambitious” can mean different things to different

people, but as a general rule, Ember.js aims to help you push the envelope of what you’re able

to develop for the web, while ensuring that your application source code remains structured

and sane.

http://emberjs.com/

©Manning Publications Co. We welcome reader comments about anything in the manuscript - other than typos and

other simple mistakes. These will be cleaned up during production of the book by copyeditors and proofreaders.

http://www.manning-sandbox.com/forum.jspa?forumID=847

Licensed to Wei Huang <hw1979@gmail.com>

Ember.js achieves this goal by structuring your application into logical abstraction layers

and forcing the development model to be as object oriented as possible. At its core Ember.js

has built-in support for the following features:

 Bindings—Enables the changes to one variable to propagate into another variable and

vice versa

 Computed properties—Enables you to mark functions as properties that automatically

update along with the properties they rely on

 Automatic updated templates—Ensures that your GUI stays up to date whenever

changes occur in the underlying data

Combine these features with a strong and well-planned Model-View-Controller (MVC)

architecture and you’ve got a framework that delivers on its promise.

1.3.2 The parts that make up an Ember.js application

If you’ve spent most of your time developing web applications with server-side generated

markup and JavaScript, Ember.js—and, indeed, most of the new JavaScript frameworks—has a

completely different structure from what you’re used to.

Ember.js includes a complete MVC implementation, which enriches both the controller and

the view layers. We will discuss more about the MVC implementation as we progress through

the chapters.

 Controller layer—Built with a combination of routes and controllers

 View layer—Built with a combination of templates and views

NOTE Ember Data, which you’ll learn about in chapter 5, enriches the model layer of

Ember.js.

When you build an Ember.js application, you separate the concerns of your application in a

consistent and structured manner. You also spend a decent amount of time thinking about

where to best place your application logic. Even though this approach does take some careful

consideration before you delve into the code, your end product is better structured and, as a

result, easier to maintain.

Most likely, you’ll opt to follow the guidelines and standard conventions of Ember.js, but in

some cases you may need to spend some time off the beaten track to implement the more

intricate features of your application.

As you can see in figure 1.6, Ember.js introduces extra concepts at each of the layers in the

standard MVC model. These concepts are explored in detail in the first five chapters of this

book.

other simple mistakes. These will be cleaned up during production of the book by copyeditors and proofreaders.

http://www.manning-sandbox.com/forum.jspa?forumID=847

Licensed to Wei Huang <hw1979@gmail.com>

剩余264页未读，继续阅读

人猿可畏

粉丝: 0
资源: 2

Ember.js深入探索与实战指南

ember.js资源包

emberjs-1.0.0-rc.2.jar

emberjs-1.0.0-rc.6.jar

超级租赁：Emberjs超级租赁文档指南的后续活动

emberjs-geting-started:学习 EmberJS

emberjs-jogging:EmberJS 的每日提交

guidemaker:基于EmberJS并使用Empress技术构建的文档站点的全功能静态站点实现

社区：专为内部和外部文档设计的Modern Confluence替代方案，使用Golang + EmberJS构建

ember-enhanced-router:更容易为 EmberJS 定义和更易读的路由，支持基于每个路由自动更新文档标题

emberBlog:使用 EmberJS 构建

最新资源