App 软件开发《单选1》试卷及答案解析（订正）

App 软件开发《单选1》试卷及答案解析（订正）

注：本文章部分答案及解析来自 ChatGPT 的回答，正确性请自行甄辨。（这玩意儿经常一本正经的胡说八道）

一、订正

1.B -> C

2.D -> A

3.B -> D

6.C -> D

14.D -> C

16.B -> C

18.C -> B

19.A -> C

二、单选题（共计0分）

1．angular ui-router中的关键词不包括（C）

• A、状态（state）
• B、HTML模板
• C、模块
• D、URL

2．IndexedDB与以下哪个数据库不属于同一类型（A）

• A、MySQL
• B、MongoDB
• C、CouchDB
• D、Redis

• MySQL 关系型数据库
• MongoDB 非关系型数据库
• CouchDB 非关系型数据库
• Redis 非关系型数据库

3．下列选项中，关于移动App开发的三种类型从开发成本的角度描述错误的是（D）

• A、Native App开发成本高
• B、Web App开发成本低
• C、Hybrid App开发成本中等
• D、Hybrid App开发成本高

4．下列选项中，关于MVC模式的描述错误的是（B）

• A、从设计模式的角度来看，MVC模式是一种复合模式
• B、混合App开发应用的架构模式就是MVC架构模式
• C、MVC模式实现了模型和视图的分离
• D、MVC模式里，模型不依赖于视图

B、混合App开发应用的架构模式就是MVC架构模式

选项B描述错误。混合App开发应用可以采用不同的架构模式，包括MVC（Model-View-Controller）模式，但它并不是混合App开发应用的独有架构模式。混合App开发应用还可以使用其他架构模式，例如MVVM（Model-View-ViewModel）模式或MVP（Model-View-Presenter）模式等。

正确的描述是：

• A、从设计模式的角度来看，MVC模式是一种复合模式
• C、MVC模式实现了模型和视图的分离
• D、MVC模式里，模型不依赖于视图

5．下列选项中，对MVC与MVVM架构模式描述错误的是（C）

• A、MVVM采用双向绑定
• B、MVC模式关注的是模型的不变
• C、MVC模式里，视图不依赖于模型
• D、目前最典型的MVVM模式的框架就是AngularJS

C、MVC模式里，视图不依赖于模型

这个选项描述是错误的。在MVC（Model-View-Controller）模式中，视图是依赖于模型的。根据MVC的定义，模型（Model）表示应用程序的数据和业务逻辑，视图（View）负责显示数据并与用户交互，而控制器（Controller）处理用户输入并更新模型和视图。视图的主要目的是从模型中获取数据并将其显示给用户。

在MVC模式中，视图通常通过观察模型的状态来更新自身的显示。当模型的数据发生变化时，视图会相应地进行更新。因此，视图是依赖于模型的，以确保数据的同步和一致性。

因此，选项C描述是错误的。

6．下列选项中,关于AngularJS说法错误的是（D）

• A、AngularJS代码可以进行单元测试
• B、 AngularJS应用程序可以在智能手机浏览器上运行
• C、AngularJS应用程序不能直接在Android设备上运行
• D、AngularJS应用程序能在iOS设备上直接运行

7．下列选项中，关于ionic框架说法错误的是（C）

• A、 ionic是目前最有潜力的一款混合式HTML5移动开发框架
• B、ionic提供了大量UI 组件来帮助开发者开发强大的应用程序
• C、ionic基于AngularJS基础框架开发，但无需遵循AngularJS的框架约束
• D、 ionic最大的亮点是集成了AngularJS和Cordova

C、ionic基于AngularJS基础框架开发，但无需遵循AngularJS的框架约束

8．下列选项中，有关AngularJS说法错误的是（C）

• A、AngularJS2.0版本之后，语法和底层实现与AngularJS1相比截然不同
• B、AngularJS2是基于TypeScript实现的
• C、AngularJS1是基于ES6实现的
• D、使用AngularJS2需要引入很多第三方依赖

C、AngularJS1是基于ES6实现的

这个说法是错误的。AngularJS 1.x 是基于 JavaScript 实现的，而不是基于 ES6。 AngularJS 1.x 采用了自己的模块系统和依赖注入机制，与 ES6 模块的语法不同。 AngularJS 2.0 版本之后，语法和底层实现与 AngularJS 1.x 相比发生了很大的变化。

9．下列选项中，有关AngularJS的说法错误的是（D）

• A、实现较为复杂的功能时，使用AngularJS代码比使用原生JavaScript代码更简洁
• B、ng-click类似于JavaScript中onclick事件的功能
• C、ng-app指令用于定义和链接AngularJS应用程序到HTML
• D、在网页中编写AngularJS代码后便不可以编写原生JS代码

D、在网页中编写AngularJS代码后便不可以编写原生JS代码。

在网页中使用AngularJS并不会禁止你编写原生JavaScript代码。

AngularJS是一个JavaScript框架，它提供了一种结构和模式来构建Web应用程序。你可以在AngularJS应用程序中使用原生JavaScript代码，但是你需要遵循AngularJS的特定规范和模式来与框架进行交互。

AngularJS通过指令（Directives）扩展了HTML，并提供了一些内置指令，如ng-click，它类似于JavaScript中的onclick事件。你可以在AngularJS应用程序中使用ng-click指令来定义点击事件的行为，但如果需要在事件处理程序中编写更复杂的逻辑，你仍然可以使用原生JavaScript代码。

因此，使用AngularJS并不意味着你不能编写原生JavaScript代码。你仍然可以在AngularJS应用程序中编写原生JavaScript代码，以实现更复杂的功能或与其他JavaScript库进行交互。

10．下列选项中，有关Angular模块说法错误的是（B）

• A、AngularJS是通过模块来组织、实例化和启动应用程序的
• B、AngularJS模块中不能编写原生JavaScript代码
• C、AngularJS通过模块来声明应用中的依赖关系
• D、在网页中编写AngularJS代码后便不可以编写原生JS代码

B、AngularJS模块中不能编写原生JavaScript代码。

• A、AngularJS是通过模块来组织、实例化和启动应用程序的：
  AngularJS使用模块来组织代码和功能。模块提供了一种将相关的组件、指令、服务等组合在一起的方式。通过定义模块，你可以将应用程序划分为不同的功能模块，并在需要时加载和使用它们。模块还提供了一种将应用程序启动的入口点，并定义了模块内部的依赖关系。

• B、AngularJS模块中不能编写原生JavaScript代码：
  这个说法是不准确的。在AngularJS模块中，你可以编写原生JavaScript代码。模块是一个容器，用于组织和管理AngularJS应用程序的不同组件，但它并不限制你在模块内部编写原生JavaScript代码。你可以在AngularJS模块中编写自定义的JavaScript函数、变量和逻辑，以实现特定的功能或与其他JavaScript代码进行交互。

• C、AngularJS通过模块来声明应用中的依赖关系：
  这个说法是正确的。AngularJS使用模块来声明应用程序中的依赖关系。在模块的定义中，你可以指定所需的依赖模块，以确保它们在应用程序启动时被加载和注入。通过依赖注入机制，AngularJS可以将依赖的组件（如服务、指令等）注入到需要它们的地方，从而实现组件之间的通信和协作。

• D、在网页中编写AngularJS代码后便不可以编写原生JS代码：
  这个说法是不准确的。在网页中使用AngularJS并不意味着你不能编写原生JavaScript代码。你仍然可以在AngularJS应用程序中编写原生JavaScript代码，以实现更复杂的功能或与其他JavaScript库进行交互。虽然AngularJS提供了一些特定的机制和约定来组织和管理应用程序的代码，但它并不限制你使用原生JavaScript代码。你可以在AngularJS应用程序中编写原生JavaScript函数、变量和逻辑，以满足特定的需求。

11．下列选项中，有关AngularJS作用域，说法错误的是（C）

• A、AngularJS的作用域就是一个“数据仓库”
• B、AngularJS作用域中可以定义属性和方法
• C、AngularJS中，控制器是作用域的回调函数的参数
• D、AngularJS作用域的层次结构与相关联的DOM结构相对应

C、AngularJS中，控制器是作用域的回调函数的参数。

这个说法是错误的。在AngularJS中，控制器并不是作用域的回调函数的参数。控制器是一个构造函数，通过依赖注入的方式在模块中定义，用于处理作用域和业务逻辑之间的交互。控制器可以在作用域中使用，并可以访问和修改作用域中的属性和方法。

作用域（Scope）是AngularJS中一个重要的概念，它类似于一个“数据仓库”，用于存储和管理应用程序的数据模型。在作用域中，你可以定义属性和方法，并通过数据绑定来实现数据的双向绑定。作用域还提供了事件机制和观察者模式，用于在数据发生变化时通知相关的组件进行响应。

作用域的层次结构与相关联的DOM结构相对应，这使得在应用程序中可以轻松地管理和隔离不同组件之间的数据。通过作用域，可以将数据模型分为不同的部分，并在需要时将其传递给相关的控制器、指令或其他组件进行处理。

12．下列选项中，说法不正确的是（D）

• A、$scope是js的一个对象
• B、$scope可以定义属性
• C、$scope可以的定义方法
• D、$scope是不可以定义函数的

D、$scope是不可以定义函数的。

这个说法是不正确的。在AngularJS中，$scope是JavaScript的一个对象，它用于在控制器和视图之间进行数据绑定和通信。$scope对象可以定义属性和方法，用于存储和操作数据，并将其暴露给视图进行展示。

除了可以定义属性和方法，$scope对象也可以定义函数。你可以在$scope对象中定义JavaScript函数，然后在视图或控制器中调用这些函数来实现特定的逻辑操作。

因此，选项D的说法是不正确的，$scope是可以定义函数的。

13．下列选项中，有关AngularJS的根作用域的说法错误的是（D）

• A、根作用域可以作用在ng-app指令绑定的HTML元素中
• B、根作用域可以作用在ng-app指令绑定元素的子元素中
• C、AngularJS中，所有作用域都是$rootScope的子元素
• D、AngularJS中，所有作用域都是$rootScope的父元素

正确答案是 D、AngularJS中，所有作用域都是$rootScope的父元素。

在AngularJS中，根作用域是$rootScope，它是所有其他作用域的顶级作用域。根作用域可以通过ng-app指令来定义，并且它可以作用于指令所绑定的HTML元素及其子元素。因此，选项 A 和 B 都是正确的。

作用域在AngularJS中形成了一个层次结构，每个作用域都有一个父作用域，直到达到根作用域$rootScope。因此，选项 C 是正确的，所有作用域都是$rootScope的子元素。

选项 D 是错误的，因为根作用域$rootScope没有父元素，它是作用域层次结构的最顶层。

14．下列选项中，有关AngularJS表达式，说法错误的是（C）

• A、AngularJS中不会使用eval()函数去执行表达式
• B、AngularJS表达式可以写在插值语法中执行
• C、AngularJS表达式可以写在HTML标签中被执行
• D、AngularJS表达式可以写在指令中执行

15．AngularJS中的双向数据绑定应用了什么模式（A）

• A、MVVM
• B、MVC
• C、MVCM
• D、CVVC

A、MVVM

在AngularJS中，双向数据绑定应用了MVVM（Model-View-ViewModel）模式。MVVM是一种软件架构模式，用于将用户界面（View）与数据（Model）之间的关系解耦，中间层即ViewModel负责管理视图的状态和数据，使得视图的更新和数据的变化能够自动同步，从而实现双向数据绑定。

在AngularJS中，通过使用指令和表达式，可以将视图与数据模型进行绑定。当数据模型发生变化时，视图会自动更新；而当用户在视图中进行操作时，数据模型也会自动更新。这种自动的双向同步正是MVVM模式的核心特性。

因此，正确答案是A、MVVM。

16．下列选项中，有关装饰器型指令说法错误的是（C）

• A、在AngularJS中大多数内置指令属于装饰器型指令
• B、装饰器型指令利用AngularJS的“脏检查机制”来保持数据视图与作用域数据的同步
• C、ng-click不属于装饰器型指令
• D、装饰器型指令的作用是为DOM添加行为

17．在input表单中添加AngularJS什么指令时会更改控制器中的$scope的值（A）

• A、ng-model
• B、ng-app
• C、ng-controller
• D、ng-value

A、ng-model

在input表单中添加ng-model指令时，会更改控制器（Controller）中的$scope的值。ng-model指令用于在表单元素（如input、select、textarea等）和作用域（scope）之间建立双向数据绑定。通过ng-model指令，表单元素的值可以自动与控制器中定义的$scope变量进行同步。

当用户在表单元素中输入或选择数值时，ng-model指令会将该值绑定到控制器中对应的$scope变量上。反之，如果控制器中的$scope变量的值发生变化，ng-model指令也会将最新的值自动更新到表单元素上，实现双向数据绑定。

因此，正确答案是A、ng-model。

18．下列选项中，有关AngularJS的ng-bind 和{{}}，说法正确的是（B）

• A、有区别，在我们载入数据的时候ng-bind会出现一瞬间的乱码
• B、、有区别，在我们载入数据的时候{{}}会出现一瞬间的乱码
• C、没有什么区别，都可以将我们获取的数据分配到页面上
• D、有区别ng-bind用于表单的数据绑定

在AngularJS中，ng-bind和{{}}都用于将获取到的数据分配到页面上，没有明显的功能区别。它们都用于实现数据绑定，将表达式的值动态地插入到HTML模板中。

ng-bind是AngularJS提供的一个指令，它将表达式的值绑定到指定元素的textContent或value属性上，从而实现数据的动态更新。例如，<div ng-bind="myData"></div>会将$scope中的myData的值显示在div元素中。

{{}}（双大括号）也是AngularJS中的表达式语法，它可以直接在HTML模板中插入表达式的值。例如，<div>{{myData}}</div>会将$scope中的myData的值显示在div元素中。

在实际使用中，ng-bind和{{}}可以互换使用，达到相同的效果。不过，ng-bind可以避免在数据加载时出现瞬间的乱码，因为ng-bind会等待数据加载完毕后再进行绑定，而{{}}则是立即进行插值。

19．下列选项中，有关AngularJS的ng-style的说法正确的是（C）

• A、ng-style属于程序控制类指令
• B、ng-style属于访问流程类指令
• C、ng-style属于状态设置类指令
• D、ng-style是属性不是指令

ng-style是AngularJS中的一个指令，用于动态设置元素的样式。通过ng-style指令，可以根据控制器（Controller）中的变量或表达式来设置元素的CSS样式。这样可以根据应用程序的状态或数据动态地改变元素的样式。

例如，可以使用ng-style指令来根据控制器中的变量设置元素的背景颜色、字体颜色等样式属性。具体用法如下：

<div ng-style="{'background-color': bgColor, 'color': textColor}">
  This is a dynamically styled element.
</div>

在上述示例中，bgColor和textColor是控制器中的变量，它们的值决定了div元素的背景颜色和字体颜色。

20．下列选项中，用于为HTML元素添加style属性的指令是（B）

• A、ng-bind
• B、ng-style
• C、ng-class
• D、add-style

B、ng-style

在给出的选项中，用于为HTML元素添加style属性的指令是B、ng-style。

ng-style是AngularJS中的一个指令，用于动态设置元素的样式。通过ng-style指令，可以根据控制器（Controller）中的变量或表达式来设置元素的CSS样式。它允许在HTML模板中使用对象字面量或表达式来指定要应用的样式。

例如，可以使用ng-style指令来动态设置元素的背景颜色、字体颜色等样式属性。具体用法如下：

<div ng-style="{'background-color': bgColor, 'color': textColor}">
  This is a dynamically styled element.
</div>

在上述示例中，bgColor和textColor是控制器中的变量，它们的值决定了div元素的背景颜色和字体颜色。

因此，正确答案是B、ng-style。

21．下列选项中，用于为HTML元素动态绑定CSS类的指令是（C）

• A、ng-bind
• B、ng-style
• C、ng-class
• D、add-class

C、ng-class

在给出的选项中，用于为HTML元素动态绑定CSS类的指令是C、ng-class。

ng-class是AngularJS中的一个指令，用于根据条件动态地为HTML元素添加或移除CSS类。通过ng-class指令，可以根据控制器（Controller）中的变量或表达式来决定是否应用某个CSS类。

具体用法如下：

<div ng-class="{'highlight': isHighlighted, 'error': hasError}">
  This element will have the 'highlight' class if isHighlighted is true,
  and the 'error' class if hasError is true.
</div>

在上述示例中，isHighlighted和hasError是控制器中的变量。根据这些变量的值，决定是否应用highlight和error这两个CSS类。

因此，正确答案是C、ng-class。

22．下列选项中，用于隐藏HTML元素的AngularJS指令是（A）

• A、ng-hide
• B、ng-remove
• C、remove-html
• D、hide-html

A、ng-hide

在给出的选项中，用于隐藏HTML元素的AngularJS指令是A、ng-hide。

ng-hide是AngularJS中的一个指令，用于根据条件隐藏或显示HTML元素。通过ng-hide指令，可以根据控制器（Controller）中的变量或表达式来决定元素是否显示。

具体用法如下：

<div ng-hide="isHidden">
  This element will be hidden if isHidden is true.
</div>

在上述示例中，isHidden是控制器中的变量。如果isHidden为true，那么该div元素将被隐藏。

除了ng-hide，AngularJS还提供了其他一些类似的指令，如ng-show和ng-if，用于根据条件显示或隐藏HTML元素。它们的具体用法略有不同，但都用于控制元素的可见性。

因此，正确答案是A、ng-hide。

23．下列选项中，用于显示HTML元素的AngularJS指令是（B）

• A、ng-add
• B、ng-show
• C、show-html
• D、add-html

B、ng-show

在给出的选项中，用于显示HTML元素的AngularJS指令是B、ng-show。

ng-show是AngularJS中的一个指令，用于根据条件显示或隐藏HTML元素。通过ng-show指令，可以根据控制器（Controller）中的变量或表达式来决定元素是否显示。

具体用法如下：

<div ng-show="isVisible">
  This element will be shown if isVisible is true.
</div>

在上述示例中，isVisible是控制器中的变量。如果isVisible为true，那么该div元素将被显示出来。

除了ng-show，AngularJS还提供了其他一些类似的指令，如ng-hide和ng-if，用于根据条件隐藏或显示HTML元素。它们的具体用法略有不同，但都用于控制元素的可见性。

因此，正确答案是B、ng-show。

24．下列选项中，用于设置元素为只读状态的AngularJS指令是（D）

• A、readonly
• B、html-readonly
• C、ng-html-readonly
• D、ng-readonly

D、ng-readonly

在给出的选项中，用于设置元素为只读状态的AngularJS指令是D、ng-readonly。

ng-readonly是AngularJS中的一个指令，用于根据条件将元素设置为只读状态。通过ng-readonly指令，可以根据控制器（Controller）中的变量或表达式来决定元素是否为只读。

具体用法如下：

<input ng-readonly="isReadOnly" />

在上述示例中，isReadOnly是控制器中的变量。如果isReadOnly为true，那么该输入框将被设置为只读状态。

注意，ng-readonly指令适用于表单元素，如input、textarea等。

因此，正确答案是D、ng-readonly。

25．下列选项中，用于设置元素为无效状态的AngularJS指令是（C）

• A、disabled
• B、html-disabled
• C、ng-disabled
• D、ng-disable

C、ng-disabled

在给出的选项中，用于设置元素为无效状态的AngularJS指令是C、ng-disabled。

ng-disabled是AngularJS中的一个指令，用于根据条件将元素设置为无效状态（禁用）。通过ng-disabled指令，可以根据控制器（Controller）中的变量或表达式来决定元素是否为无效状态。

具体用法如下：

<button ng-disabled="isDisabled">Submit</button>

在上述示例中，isDisabled是控制器中的变量。如果isDisabled为true，那么该按钮将被禁用。

ng-disabled指令可以应用于各种HTML元素，如按钮、输入框等。

因此，正确答案是C、ng-disabled。

26．下列选项中，用于绑定鼠标单击事件的AngularJS指令是（D）

• A、onclick
• B、ng-dbclick
• C、ng-onClick
• D、ng-click

D、ng-click

在给出的选项中，用于绑定鼠标单击事件的AngularJS指令是D、ng-click。

ng-click是AngularJS中的一个指令，用于绑定鼠标单击事件到HTML元素上。通过ng-click指令，可以调用控制器（Controller）中定义的函数或执行表达式，以响应鼠标单击事件。

具体用法如下：

<button ng-click="myFunction()">Click me</button>

在上述示例中，ng-click指令绑定了一个点击事件到按钮上，当按钮被点击时，将调用控制器中名为myFunction的函数。

ng-click指令可以应用于各种HTML元素，如按钮、链接等。

因此，正确答案是D、ng-click。

27．下列选项中，用于绑定鼠标双击事件的AngularJS指令是（B）

• A、onclick
• B、ng-dbclick
• C、ng-onClick
• D、ng-click

正确的选项是 B、ng-dbclick。

在AngularJS中，用于绑定鼠标双击事件的指令是ng-dbclick。该指令用于在HTML元素上绑定双击事件，并触发相应的操作。

例如，可以像这样使用ng-dbclick指令：

<button ng-dbclick="myFunction()">Double Click Me</button>

在上述示例中，ng-dbclick指令绑定了一个双击事件到按钮上，当按钮被双击时，将调用控制器中名为myFunction的函数。

需要注意的是，正确的指令是ng-dbclick而不是ng-click。因为ng-click是用于绑定鼠标单击事件的指令，而非双击事件。

因此，正确答案是B、ng-dbclick。

28．下列选项中，用于绑定元素获取焦点事件的AngularJS指令是（B）

• A、onfocus
• B、ng-focus
• C、ng-onfocus
• D、ng-onFocus

正确的选项是 B、ng-focus。

在AngularJS中，用于绑定元素获取焦点事件的指令是ng-focus。该指令用于在HTML元素上绑定获取焦点的事件，并触发相应的操作。

例如，可以像这样使用ng-focus指令：

<input ng-focus="myFunction()" />

在上述示例中，ng-focus指令绑定了一个获取焦点事件到输入框上，当输入框获取焦点时，将调用控制器中名为myFunction的函数。

需要注意的是，正确的指令是ng-focus而不是onfocus或ng-onfocus。因为ng-focus是AngularJS提供的特定指令，用于处理元素获取焦点事件。

因此，正确答案是B、ng-focus。

29．下列选项中，用于绑定元素失去焦点事件的AngularJS指令是（C）

• A、onblur
• B、ng-onblur
• C、ng-blur
• D、ng-onBlur

正确的选项是C、ng-blur。

在AngularJS中，用于绑定元素失去焦点事件的指令是ng-blur。该指令用于在HTML元素上绑定失去焦点的事件，并触发相应的操作。

例如，可以像这样使用ng-blur指令：

<input ng-blur="myFunction()" />

在上述示例中，ng-blur指令绑定了一个失去焦点事件到输入框上，当输入框失去焦点时，将调用控制器中名为myFunction的函数。

需要注意的是，正确的指令是ng-blur而不是onblur或ng-onblur。因为ng-blur是AngularJS提供的特定指令，用于处理元素失去焦点事件。

因此，正确答案是C、ng-blur。

30．下列选项中，用来做if条件判断的AngularJS指令是（A）

• A、ng-if
• B、ng-switch
• C、if
• D、switch

正确的选项是A、ng-if。

在AngularJS中，用来进行if条件判断的指令是ng-if。该指令用于根据表达式的值来决定是否渲染或移除HTML元素。

具体用法如下：

<div ng-if="condition">
  This element will be rendered if the condition is true.
</div>

在上述示例中，ng-if指令根据condition表达式的值来决定是否渲染div元素。如果condition为true，则该元素将被渲染；如果condition为false，则该元素将被移除。

需要注意的是，正确的指令是ng-if而不是if。因为ng-if是AngularJS提供的特定指令，用于条件渲染元素。

ng-switch指令用于在多个选项之间进行条件切换，而不是简单的if条件判断。

因此，正确答案是A、ng-if。