《AngularJS高级程序设计》——第5章 JavaScript基础 5.1准备示例项目

第5章 JavaScript基础

在本章中,我提供了JavaScript语言最重要特性的快速指南,它们适用于本书。我没有余力完整地讲解JavaScript,但我会专注其本质,即你需要快速了解情况并随着本书的示例走。除了最重要的JavaScript语言核心特性外,我还会讲述AngularJS提供的工具方法集。

通过演示JavaScript如何使用承诺,我完成了这一章。承诺代表异步任务,比如Ajax请求,而且它们在AngularJS应用中是广泛使用的,我在第21章会再谈这一话题。我还讲到AngularJS对JSON数据的支持,它在AngularJS中最广泛地用于格式化处理数据。表5-1总结了本章。

表5-1  章节概要

5.1 准备示例项目

为了这一章,我将演示一些基础JavaScript技术和AngularJS为补充JavaScript语言而提供的一些很有帮助的多用工具方法。

先确保angular.js、bootstrap.css和bootstrap-theme.css文件在Web服务器angularjs文件夹中,然后创建新的HTML文件jsdemo.html。将HTML文件的内容写成和清单5-1一样。

清单5-1 初始化jsdemo.html文件的内容

如果你使用浏览器转到jsdemo.html文件,你会看到显示在图5-1中的结果。在本章中,我重点放在JavaScript语言上,通过浏览器显示的内容不重要。

我还将使用我在第2章中创建的todo.json文件。你可以从你上个例子中复制或重建它,让它包含清单5-2所示的内容。

清单5-2 文件todo.json的内容

时间: 2025-01-01 01:12:25

《AngularJS高级程序设计》——第5章 JavaScript基础 5.1准备示例项目的相关文章

《AngularJS高级程序设计》——导读

前言 AngularJS是一款优秀的前端JS框架,已经被用于Google的多款产品当中,并且得到众多前端工程师的青睐. 本书是AngularJS程序设计的高级指南.全书共25章,分为3个部分,每部分覆盖一组相关话题.第1部分为第1章到第8章,包括AngularJS简介,以及HTML.CSS和JavaScript的基础知识.第2部分为第9章到第17章,引导读者熟悉AngularJS库的各种特性,从对一个AngularJS应用程序中各种不同组件的概览开始,依次深入介绍每种类型的组件.第3部分为第18

《AngularJS高级程序设计》——2.2 使用AngularJS

2.2 使用AngularJS 对于要创建的基本功能来说,todo.html文件中的静态HTML目前仅作为占位符使用.用户应该能看到待办事项的列表,勾选掉已完成的事项,并创建新事项.在下面各节中,我打算将AngularJS加进来,并应用一些基本特性来为我的待办事项应用赋予生命.简单起见,假定只有一个用户,并且不用考虑保留应用程序中的数据状态.2.2.1 将AngularJS应用到HTML文件将AngularJS加入到HTML文件中是挺简单的,只需简单增加一个script元素来引入angular.

《AngularJS实战》——第2章 Angular基础知识

第2章 Angular基础知识通过上一章对Angular的简单介绍,相信读者对使用Angular开发Web应用有了一个大致的了解.由于Angular是一个全新的开发工具,因此需要掌握许多必要的基础概念.本章将从最底层的知识讲起,由浅入深地带领大家了解并掌握Angular开发工具中的表达式.控制器.模板和模板中的过滤器这些必须了解的基础知识.

《AngularJS高级程序设计》——1.3 会有许多实例吗

1.3 会有许多实例吗 会有大量的实例.学习AngularJS最好的方式就是通过实例来学习,因此我便尽可能多地加入了许多实例到本书中.为了最大限度地增加本书中的实例数目,我采用了一种简单的习惯用法,以避免一遍又一遍地重复列举文件内容.在某章中第一次使用一个文件时,我将列出其完整的内容,就像清单1-1这样. 清单1-1 一个完整的样例文档 这份清单来自于第2章.不用顾虑它是具体做什么的,只需注意,在每章中我第一次使用一个文件时就会列出完整的清单,与清单1-1所示的类似.对于第二个以及随后的例子,我

《AngularJS高级程序设计》——第1章 准备 1.1你需要知道哪些知识

第1部分 准备 第1章 准备 AngularJS吸收了服务器端开发技术的一些最好的方面,并使用它们来对浏览器中的HTML进行增强,为更简单而容易地构建富应用程序奠定了基础.AngularJS应用程序是围绕着被称为模型-视图-控制器(MVC)的模式而构建的,该模式的重点在于创建这样的应用程序: 可扩展的:一旦了解了基本原理,就能够轻松理解一个复杂的AngularJS应用是如何工作的--意味着你可以很容易地增强应用程序以便为用户创建有用的新特性. 可维护的:AngularJS应用易于调试和纠错,意味

《AngularJS高级程序设计》——5.6 使用JavaScript运算符

5.6 使用JavaScript运算符 JavaScript定义了大量标准的运算符集.我在表5-3中概括了最有用的. 表5-3 有用的JavaScript运算符5.6.1 使用条件语句许多JavaScript运算符是和条件语句一起使用的.在本书中,我倾向使用if/else和switch语句.清单5-24展示了两者的使用(如果你使用过几乎所有编程语言,那你会很熟悉). 清单5-24 在文件jsdemo.html中使用if/else和switch条件语句 清单结果如下: 5.6.2 对比等于运算符和

《AngularJS高级程序设计》——第2章 你的第一个AngularJS应用 2.1 准备项目

第2章 你的第一个AngularJS应用 开始使用AngularJS的最好方式就是潜心钻研进去,创建一个Web应用程序.在本章中,我将带你学习一个简单的开发过程,从一个目标应用程序的静态模型开始,使用AngularJS的特性打造出一个动态的Web应用程序,尽管只是一个简单的程序.在第6-8章,我将向你演示如何创建一个更复杂而实际的AngularJS应用程序,但是现在一个简单的例子将足以用于演示一个AngularJS应用的主要组件,并为本书这部分的其他章节做好准备. 2.1 准备项目 在本章中,我

《AngularJS高级程序设计》——2.3 基本功能之外

2.3 基本功能之外 我定义了基本的MVC构件,这样,就创建了一个本章开始时的静态模拟程序的动态版本.现在我们已经有了一个较为坚固的基础了,就可以使用一些更高级的技术来增添功能并创建一个更为完整的应用.在下面各节中,我将对这个待办事项应用使用不同的AngularJS特性,并解释将在本书中的何处更详细地介绍这些特性. 2.3.1 使用双向模型绑定 在前一节中所使用的绑定被称为单向绑定,其值是从模型中取得的,并用于操作模板中的元素.在Web应用开发中这是相当标准的做法和广泛应用的技术.例如,在使用j

《AngularJS高级程序设计》——5.5 使用变量及类型

5.5 使用变量及类型 在前面的例子中你看到了如何定义变量:你用var关键字,然后可选地在语句中为变量赋值.在函数中定义的变量是本地变量,适合仅在函数内使用.直接定义在script元素中的变量是全局变量,可在任意位置访问,包括同一HTML文档中的其他脚本.清单5-8演示了本地和全局变量的使用. 清单5-8 在文件jsdemo.html中使用本地和全局变量 JavaScript是动态类型语言.这并不说明JavaScript没有类型.它只是说你并非一定要显式声明变量类型,你可以轻而易举地为同一变量赋