比较JavaScript和AngularJS？

我知道JavaScript是一种编程语言，而AngularJS是与JavaScript一起使用的基于MVC的框架

但我有一个任务，我要比较：

• JavaScript vs jQuery语法
• JavaScript和AngularJS语法

现在，对于JavaScript和jQuery部分，我通过展示DOM方法和jQuery等效方法之间的比较，以及如何最小化函数，以及如何使用jQuery而不是JavaScript轻松访问不同的元素和几行代码来比较它们

但是在AngularJS和JavaScript的情况下，既然AngularJS是一个框架，我该如何比较它的语法呢

甚至有可能比较两件事，这两件事都可以在JavaScript和AngularJS中完成，但使用AngularJS很容易做到？因为据我所知，JavaScript和AngularJS是两个独立的东西

---

我是Web开发新手，3周前就开始使用HTML5进行开发，请原谅我的错误。

您可以比较

Javascript

和

Jquery

，因为它是一个库，可以将复杂的Javascript代码最小化为简单的方法和属性。您可以用一行解释jquery少写多做，但不能用AngularJS框架

DOM操作是jQuery提供的一个强大功能。您可以操纵DOM元素来更改页面的样式。玩弄捉迷藏，多做DOM元素。没有类似模板的特性，您只需要根据自己的需求编写应用程序。例如，如果要将keyup事件绑定到文本框，并希望在

span

中显示更改的值，则需要编写如下代码：

$('input').on('keyup',function(){
    $('span').text(this.value);
)};

另一方面，数据绑定是一个强大的功能，可以通过以下方式实现。这种类型的框架通常用于SPA（单页应用程序），其中必须进行数据绑定，例如，

在线测试

。使用框架的优点是，您将获得包含框架的模板。因此，您可以使用

ng-

模块将元素绑定在一起

<input type='text' ng-model='inputElem'>
<span ng-bind='inputElem'></span>

而且，我认为比较可以是

Javascript和Jquery

Jquery和Angular（不是Javascript和Angular）

这里还有一件事，Javascript是一种语言，Jquery是一个库，Angular是一个框架

下面是一些链接，这些链接将进一步了解library和framworks

---

您可以比较

Javascript

和

Jquery

，因为它是一个将复杂的Javascript代码最小化为简单方法和属性的库。您可以用一行解释jquery少写多做，但不能用AngularJS框架

DOM操作是jQuery提供的一个强大功能。您可以操纵DOM元素来更改页面的样式。玩弄捉迷藏，多做DOM元素。没有类似模板的特性，您只需要根据自己的需求编写应用程序。例如，如果要将keyup事件绑定到文本框，并希望在

span

中显示更改的值，则需要编写如下代码：

$('input').on('keyup',function(){
    $('span').text(this.value);
)};

另一方面，数据绑定是一个强大的功能，可以通过以下方式实现。这种类型的框架通常用于SPA（单页应用程序），其中必须进行数据绑定，例如，

在线测试

。使用框架的优点是，您将获得包含框架的模板。因此，您可以使用

ng-

模块将元素绑定在一起

<input type='text' ng-model='inputElem'>
<span ng-bind='inputElem'></span>

而且，我认为比较可以是

Javascript和Jquery

Jquery和Angular（不是Javascript和Angular）

这里还有一件事，Javascript是一种语言，Jquery是一个库，Angular是一个框架

下面是一些链接，这些链接将进一步了解library和framworks

---

Angular和jQuery都是用Javascript编写的库/框架。要求我比较Angular和Javascript就像要求比较面包和面粉

然而，用于DOM操作的浏览器API是以与Angular完全不同的想法实现的，因此我将假设这是您的任务期望您识别的内容

重点在于范式的根本不同。Angular采用声明式方法，而DOM和jQuery都是命令式方法

声明的 一种构造计算机程序的结构和元素的方式，表示计算的逻辑而不描述其控制流。[]

声明性语言是一种描述你想要什么的语言，而不是描述它应该如何做。这在很大程度上是Angular的指令方法

迫切的 [一种风格]，算法是按照明确的步骤来实现的。[]

当我们使用DOMAPI或jQuery编写代码时，我们必须详细说明流程的“方式”

让我们以数据绑定为例。我们希望将文本输入中的值绑定到标签中

与DOM 我们必须非常具体地解释我们需要浏览器做什么。我们必须监听某些事件，确保加载DOM，跟踪元素的ID，所有这些都只是为了在输入更改时更新标签

使用jQuery 如您所见，这与DOM方法非常相似。我们必须向浏览器解释我们想要它做什么

棱角分明

我们甚至不需要为此编写任何代码就可以使用Angular！（显然，我们需要一个空的控制器，但你明白了）

声明式方法主要是我们实现abs的一种方式

<input type='text' id='bind-input'>
<label id='bind-output'></label>

$(document).ready(function() {
  var $input = $('#bind-input'),
      $output = $('#bind-output');

  $input.on('change', function() {
    $output.html($input.value());
  });
});

<input type='text' ng-model='bound'>
<label ng-bind='bound'></label>