构建你自己的AngularJS：英文完整版

需积分: 13 188 浏览量更新于2024-07-20 收藏 6.34MB PDF 举报

"Build Your Own Angularjs 完整英文版" 本书是Tero Parviainen编写的《Build Your Own Angularjs》的英文完整版，旨在帮助读者深入理解AngularJS的工作原理，通过构建自己的AngularJS框架来学习这个强大的JavaScript框架。书中涵盖了AngularJS的核心概念和技术，包括 scopes、数据绑定、脏检查、指令、服务等。在开始之前，作者提醒读者如何阅读本书，提供了源代码链接，并感谢了对本书做出贡献的人。同时，读者可以参与到早期访问计划，提交错误或贡献内容，以及与作者取得联系。在项目设置部分，读者需要安装必要的工具，如Node.js、npm、Grunt等，创建项目目录和配置文件，以便搭建一个基础的开发环境。通过编写简单的"Hello, World!"程序，读者可以初步体验到AngularJS的应用。接着，为了保证代码质量，作者介绍了如何启用静态分析工具JSHint和单元测试框架Jasmine、Sinon及Testem。书中核心部分讲解了AngularJS的scopes，这是AngularJS中的重要概念，它负责管理应用程序的数据和行为。首先，作者解释了scopes与digest循环的关系，以及scope对象的结构。然后，详细讨论了$watch和$digest函数，用于监听对象属性的变化。在这一部分，读者会学到如何检查脏值、初始化watch值、如何在有脏值时触发digest循环，以及如何处理不稳定的digest循环和短路策略。此外，还涉及到了基于值的脏检查，特别是处理NaN的情况，以及如何在特定scope上下文中执行代码的$eval方法。这本书不仅适合已经熟悉AngularJS的开发者，也适用于想要深入理解其内部机制的新手。通过构建自己的AngularJS，读者将更全面地了解这个框架，从而能够更高效地开发和维护AngularJS应用。

Build Your Own Angular Contents

21 Interpolation 971

The $interpolate service ........................... 971

Interpolating Strings .............................. 973

Value Stringiﬁcation .............................. 979

Supporting Escaped Interpolation Symbols ................. 981

Skipping Interpolation When There Are No Expressions .......... 983

Text Node Interpolation ............................ 984

Attribute Interpolation ............................. 991

Optimizing Interpolation Watches With A Watch Delegate ........ 1001

Making Interpolation Symbols Conﬁgurable ................. 1008

Summary .................................... 1014

22 Bootstrapping Angular 1017

Introduction

This book is written for the working programmer, who either wants to learn Angu-

larJS, or already knows AngularJS and wants to know what makes it tick.

AngularJS is not a small framework. It has a large surface area with many new

concepts to grasp. Its codebase is also substantial, with 35K lines of JavaScript in

it. While all of those new concepts and all of those lines of code give you powerful

tools to build the apps you need, they also come with a learning curve.

I hate working with technologies I don’t quite understand. Too often, it leads to

code that just happens to work, not b e cause you truly understand what it does, but

because you went through a lot of trial and error to make it work. Code like that is

diﬃcult to change and debug. You can’t reason your way through problems. You

just poke at the code until it all seems to align.

Frameworks like AngularJS, powerful as they are, are prone to this kind of code.

Do you understand how Angular does dependency injection? Do you know the

mechanics of sc ope inheritance? What exactly happens during directive transclusion?

When you don’t know how these things work, as I didn’t when I started working

with Angular, you just have to go by what the documentation says. When that isn’t

enough, you try diﬀerent things until you have what you need.

The thing is, while there’s a lot of code in AngularJS, it’s all just code. It’s no

diﬀerent from the code in your applications. Most of it is well-factored, readable

code. You can study it to learn how Angular does what it does. When you’ve done

that, you’re much better equipped to deal with the iss ues you face in your daily

application development work. You’ll know not only what features Angular provides

to solve a particular problem, but also how those features work, how to get the most

out of them, and where they fall short.

The purpose of this book is to help you demystify the inner workings of AngularJS.

To take it apart and put it back toge ther again, in order to truly understand how it

works.

A true craftsman knows their tools well. So well that they could in fact make their

own tools if needed. This book will help you get there with AngularJS.

Build Your Own Angular Chapter 0. Introduction

How To Read This Book

During the course of the book we will be building an implementation of AngularJS.

We’ll start from the very beginning, and in each chapter extend the implementation

with new capabilities.

While there are certain areas of functionality in Angular that are largely independent,

most of the code you’ll be writing builds on things implemented in previous chapters.

That is why a sequential reading will help you get the most out of this book.

The format of the book is simple: Each feature is introduced by discussing what it

is and why it’s needed. We will then proceed to implement the feature following

test-driven development practices: By writing failing tests and then writing the code

to make them pass. As a result, we will produce not only the framework c ode, but

also a test suite for it.

It is highly encouraged that you not only read the co de, but also actually type it in

and build your own Angular while reading the book. To really make sure you’ve

grasped a conce pt, poke it from diﬀerent directions: Write additional test cases. Try

to intentionally break it in a few ways. Refactor the code to match your own style

while keeping the tests passing.

If you’re only interested in certain parts of the framework, feel free to skip to the

chapters that interest you. While you may need to reference back occasionally,

you should be able to poach the best bits of Angular to your own application or

framework with little diﬃculty.

Source Code

The source code and tes t suite implemented in this book can be found on GitHub,

at https://github.com/teropa/build-your-own-angularjs/.

To make following along easier, commits in the repository are ordered to match the

order of events in the book. Each commit message references the corres ponding

section title in the book. Note that this means that during the production of the

book, the history of the code repository may change as revisions are made.

There is also a Git tag for each chapter, pointing to the state of the codebase at the

end of that chapter. You can download archives of the code corresponding to these

tags from https://github.com/teropa/build-your-own-angularjs/releases.

Contributors

I would like to thank the following people for their valuable feedback and help during

the writing of this book:

剩余1048页未读，继续阅读

t6564448

粉丝: 0
资源: 1

构建你自己的AngularJS：英文完整版

Build Your Own AngularJS

Build Your Own Angularjs

Build Your Own Angularjs.pdf

Build Your Own Angularjs完整版

Build Your Own AngularJS Sample

Build_Your_Own_AngularJS

build-your-own-angularjs

build_your_own_angularjs

Build_Your_Own_Angularjs

build_your_own_angularjs_sample

最新资源