全栈JavaScript开发：深入MEAN栈

需积分: 9 139 浏览量更新于2024-07-21 收藏 4.85MB PDF 举报

“Full.Stack.JavaScript.Development.With.MEAN.pdf”是一本关于全栈JavaScript开发的书籍，专注于MEAN堆栈（MongoDB、Express、AngularJS和Node.js）的学习。本书详细介绍了全栈JavaScript开发的核心技术和实践应用。作者是Adam Bretz和Colin J. Ihrig，由SitePoint Pty Ltd.出版。 1. 简介：书中首先向读者介绍了全栈开发的概念，以及选择JavaScript作为全栈开发语言的原因和优势。 2. Node.js介绍：这部分讲解了Node.js的基础知识，包括它的运行环境、事件驱动模型和非阻塞I/O机制。 3. 模块与npm：讨论了Node.js中的模块系统和npm（Node包管理器），如何安装和管理依赖库。 4. Node.js编程模型：深入探讨Node.js的异步编程模型，包括回调函数、Promise和async/await等处理异步操作的方法。 5. 核心模块：介绍Node.js内置的核心模块，如HTTP、FS（文件系统）和Path等，及其在实际项目中的应用。 6. 构建Node.js服务器：指导读者如何搭建和配置一个基本的Node.js服务器，处理HTTP请求和响应。 7. MongoDB入门：介绍NoSQL数据库MongoDB的基本概念、数据结构和操作方法。 8. 使用Mongoose与MongoDB交互：Mongoose是MongoDB的ODM（对象数据模型）库，讲解如何通过Mongoose进行数据建模和CRUD操作。 9. 在示例应用中集成MongoDB和Mongoose：展示如何在实际项目中使用MongoDB和Mongoose来存储和检索数据。 10. MongoDB的替代品：除了MongoDB，还探讨了其他可选的NoSQL数据库，如CouchDB和Redis。 11. Express简介：讲解流行的Node.js web框架Express，用于构建Web应用的结构和路由。 12. Express应用架构：深入理解Express应用程序的架构设计，包括中间件和视图系统。 13. 在应用中使用Express：通过实例演示如何将Express集成到项目中，创建动态网页和API。 14. 其他服务器框架：对比和探讨其他可选的Node.js服务器框架，如Koa和Hapi。 15. AngularJS概述：AngularJS是前端MVC框架，介绍了其主要特性和工作原理。 16. 数据绑定：讲解AngularJS的数据双向绑定机制，简化前端UI和后端数据同步。 17. AngularJS指令：介绍自定义指令的创建和使用，扩展AngularJS功能。 18. 控制器：解释AngularJS中的控制器概念，用于管理视图逻辑。 19. 客户端路由：学习如何在AngularJS中实现客户端路由，实现页面跳转和导航。 20. AngularJS在我们的应用中：将AngularJS整合到全栈应用中，实现前后端通信和动态交互。 21. 任务运行器：讨论Gulp和Grunt等任务自动化工具，提升开发效率。 22. 调试：提供JavaScript和全栈应用的调试技巧，包括使用Chrome开发者工具等。 23. 测试：介绍单元测试和集成测试的重要性，以及使用Mocha、Chai等工具进行测试的方法。本书旨在帮助读者掌握全栈JavaScript开发技能，通过MEAN堆栈实现从前端到后端的无缝连接，提升开发效率和项目质量。无论是初学者还是有经验的开发者，都能从中获得宝贵的知识和实践经验。

Routing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179

Built-in Capability . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180

Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180

Plugins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185

Chapter 15 AngularJS Overview . . . . . . . . . . . . . . . . . . . 187

Single-page Applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

SPA Frameworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189

Model-View-Controller Architecture . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190

Getting Angular . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192

Building from Source . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192

Releases . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

Angular "Hello World" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196

Chapter 16 Data Binding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

One-Way Data Binding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198

Two-Way Data Binding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199

A Simple Example . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200

Technical Overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202

$watch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202

Digest Loop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203

Simple Controllers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203

Data Binding with Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207

Chapter 17 Angular Directives . . . . . . . . . . . . . . . . . . . . . 209

Overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

An Example Using Common Directives . . . . . . . . . . . . . . . . . . . . . . 211

Creating Directives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213

An Example Custom Directive . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216

Chapter 18 Controllers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217

Syntax . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217

Dependencies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219

Expanding on Our Example . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220

Express Integration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220

JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222

HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224

Simple Service . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225

Using EmployeeService . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227

Chapter 19 Client-side Routing . . . . . . . . . . . . . . . . . . . . . 229

Getting Started with ngRoute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230

Application Overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230

Code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231

Router . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232

Service and Controllers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234

Views . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235

Putting It Together . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237

Chapter 20 Angular in Our App . . . . . . . . . . . . . . . . . . . 239

The Home Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240

CSS and Image Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 241

xvi

app.js . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243

Template Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249

Team and Employee Listing Views . . . . . . . . . . . . . . . . . . . . . . . . . . 250

Individual Team View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251

Individual Employee View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255

Chapter 21 Task Runners . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257

Introducing Gulp . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258

Setting Up Gulp . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259

Designing a Gulp File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260

css Task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261

javascript Task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263

watch Task . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267

Chapter 22 Debugging . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269

The debugger Statement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270

Running Chrome’s Debugger . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271

Controlling the Debugger . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272

Modifying Variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273

Node’s Debugger . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274

node-inspector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278

node-debug . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280

Chapter 23 Testing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281

Testing Node . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282

Defining Tests . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282

xvii

剩余319页未读，继续阅读

会开花的树-

粉丝: 14
资源: 3

全栈JavaScript开发：深入MEAN栈

Write Modern Web Apps with the MEAN Stack pdf

Full Stack JavaScript Development With MEAN azw3

torch.mean torch.stack

state.stack[-1][1]，self.stack = [] # the stack used for function calling, starting with [deffun,0].

np.stack和torch.stsck

torch.stack(dataset).shape

bbox_offset = torch.stack(batch_offset) bbox_mask = torch.stack(batch_mask) class_labels = torch.stack(batch_class_labels)如何在这上面更改呢

monfox.stack.iec61850.api.client 接收服务端更新的数据代码

const stack = new Error().stack;

最新资源