NodeJS和AngularJS有什么区别:你应该知道的差异

2021年11月28日21:30:54 发表评论 920 次浏览
NodeJS和AngularJS有什么区别:你应该知道的差异
NodeJS和AngularJS差异比较

NodeJS和AngularJS有什么区别?在比较 NodeJS 和 AngularJS 之前,让我们先了解一下 MEAN 堆栈架构。MEAN Stack 是一组基于 Javascript 的技术,用于构建动态网站和 Web 应用程序。MEAN 代表 MongoDB、ExpressJS、AngularJS 和 NodeJS。

M : MongoDB 是一种流行的数据库管理系统,它实现了 NoSQL 数据结构。

E : ExpressJS 是一个让 NodeJS 开发变得轻松的框架。

A:AngularJS 建立在 HTML 之上,以将其视野扩展到 Web 应用程序。

N : NodeJS 是一个运行时环境,可以用作应用程序后端。

NodeJS 和 AngularJS 是为使用 JavaScript 构建 Web 应用程序和网站而开发的,但它们的架构和工作方式大不相同。让我们看一下 Web 应用程序的体系结构,以便你了解将如何使用它们。

NodeJS和AngularJS有什么区别:你应该知道的差异

NodeJS和AngularJS差异比较

如你所见,AngularJS 用于前端开发,包括与客户端的交互,NodeJS 用于后端开发,包括与数据库服务器的交互。两者可以结合起来创建同构的 Web 应用程序。

NodeJSAngularJS
NodeJS 是 Javascript 应用程序的跨平台和运行时环境。AngularJS 是一个由 Google 维护的用于 Web 应用程序开发的开源平台。
为了使用 NodeJS,你需要将它安装到你的系统中。为了使用 AngularJS,你需要像其他 javascript 文件一样添加 javascript 文件,以便在应用程序中使用它。
Node.js 是一个建立在 Google V8 JavaScript 引擎之上的平台。Angular 遵循 javascript 的语法就是这样。
NodeJS 是用 C、C++ 和 Javascript 语言编写的。AngularJS 是用 Javascript 编写的,但它与 JQuery 等框架不同。
Node.Js 有许多其他不同的框架,例如 Express.js、partial.js 和 Sail.js。它本身就是一个框架。
它支持非阻塞 I/O API 和事件驱动架构。它支持 HTML 语法的扩展,用于描述应用程序的组件和元素。

MVC框架

NodeJS和AngularJS有什么区别?AngularJS 提供了一个流畅的模型视图控制架构,它本质上也是非常动态的。众所周知,任何应用程序都是通过组合不同的模块而构建的,这些模块的初始化方式各不相同。但是,这些模块仍然通过某种逻辑相互连接。开发人员必须单独构建所有组件,然后必须将它们与一些代码和应用逻辑结合起来,以将它们转换为单个应用程序。当然,这对于使用 MVC 框架的开发人员来说是一种开销。

MVC 使开发人员可以更轻松地构建客户端 Web 应用程序。所有单独开发的 MVC 元素都使用 AngularJS 框架自动组合。开发人员无需编写额外的代码来将所有元素组合在一起。它允许你单独放置 MVC 元素并相应地自动将它们设置在一起。

AngularJS 架构

NodeJS和AngularJS差异比较:它拥有 MVW(模型-视图-随便)架构,并且也能够支持其他模式,例如模型-视图-控制器或模型-视图-视图模型。视图修改和操作 DOM 以更新数据和行为。但是随着 AngularJS 开发的使用,DOM 操作是指令而不是视图的任务。

NodeJS和AngularJS有什么区别:你应该知道的差异

一、型号

它是负责维护数据和管理应用程序数据的最低级别。它响应来自视图的请求和来自控制器的指令以更新自身。

2. 查看

它负责向用户展示各种数据。它们是基于脚本的模板系统,例如 JSP、ASP、PHP,并且非常容易与 AJAX 技术集成。

3. 控制器

它控制模型和视图之间的交互。控制器响应用户输入并对数据模型对象执行交互。

AngularJS 的使用

  • 管理模型的状态
  • 与其他 UI 工具集成
  • 操作 DOM
  • 允许编写自定义 HTML 代码
  • 它旨在让 javascript 开发人员快速创建动态网页

NodeJS 架构

NodeJS和AngularJS有什么区别?Node.js 是一个基于 Chrome 的 JavaScript 运行时构建的服务器端平台,用于轻松构建快速且可扩展的网络应用程序。Node.js 使用事件驱动的非阻塞 I/O 模型,使其轻量级和高效,非常适合跨分布式设备运行的数据密集型实时应用程序。

1. 异步和事件驱动

Node.js 库的所有 API 都是异步的。它本质上意味着基于 Node.js 的服务器从不等待 API 返回数据。服务器在调用后移动到下一个 API,Node.js 的 Events 通知机制帮助服务器从前一个 API 调用中获取响应。

2. 单线程但高度可扩展

Node.js 使用带有事件循环的单线程模型。与创建有限线程来处理请求的传统服务器相比,事件机制帮助服务器以非阻塞方式响应并使服务器具有高度可扩展性。Node.js 使用单线程程序,同一个程序可以为比传统服务器更多的请求提供服务。

3.非常快

NodeJS 基于 Google Chrome 的 V8 JavaScript 引擎构建,代码执行速度非常快。

4. 无缓冲

Node.js 在单线程上运行,使用非阻塞 I/O 调用,允许它支持数万个并发连接,而​​不会产生线程上下文切换的成本。在使用观察者模式的所有请求之间共享单个线程的设计旨在构建高度并发的应用程序,其中任何执行 I/O 的函数都必须使用回调。为了适应单线程事件循环,Node.js 使用 libuv 库,该库反过来使用固定大小的线程池,负责一些非阻塞异步 I/O 操作。

架构说明:

  • 这里“n”个客户端向 Web 服务器发送请求。让我们假设他们同时访问我们的 Web 应用程序。
  • 让我们假设,我们的客户是 Client-1、Client-2……和 Client-n。
  • Web Server 内部维护着一个有限线程池。让我们假设线程池中有“m”个线程。
  • Web Server 一一接收这些请求。
    Web Server 拾取 Client-1 Request-1,从线程池中拾取一个线程 T-1 并将该请求分配给线程 T-1
  1. 线程 T-1 读取 Client-1 Request-1 并处理它
  2. Client-1 Request-1 不需要任何阻塞 IO 操作
  3. 线程 T-1 执行必要的步骤并准备 Response-1 并将其发送回服务器
  4. Web Server 依次将此 Response-1 发送给 Client-1
  • Web Server 拾取另一个 Client-2 Request-2,从线程池中拾取一个线程 T-2 并将此请求分配给线程 T-2
  1. 线程 T-2 读取 Client-1 Request-2 并处理它
  2. Client-1 Request-2 不需要任何阻塞 IO 操作
  3. 线程 T-2 执行必要的步骤并准备 Response-2 并将其发送回服务器
  4. Web Server 依次将此 Response-2 发送给 Client-2
  • Web Server 拾取另一个 Client-n Request-n,从线程池中拾取一个 Thread Tn 并将此请求分配给 Thread Tn
  1. 线程 Tn 读取 Client-n Request-n 并对其进行处理
  2. Client-n Request-n 需要大量阻塞 IO 和计算操作
  3. 线程 Tn 需要更多时间与外部系统交互,执行必要的步骤并准备 Response-n 并将其发送回服务器
  4. Web Server 依次将此 Response-n 发送到 Client-n

如果“n”大于“m”(大多数情况下,这是真的),那么服务器将线程分配给客户端请求,直到可用线程。在所有 m 个线程都被利用后,剩余的 Client 的 Request 应该在队列中等待,直到一些繁忙的线程完成它们的请求处理作业并可以自由选择下一个请求。如果这些线程长时间忙于阻塞 IO 任务(例如,与数据库、文件系统、JMS 队列、外部服务等交互),那么剩余的客户端应该等待更多。

  • 一旦线程池中的线程空闲并可用于下一个任务,服务器就会选择这些线程并将它们分配给剩余的客户端请求。
  • 每个线程使用许多资源,如内存等。因此,在从“忙”到“等待”状态之前,它们应该释放所有获取的资源。

NodeJS和AngularJS差异比较结论

NodeJS和AngularJS有什么区别?AngularJS 与 NodeJS 都是开源的并且是用 JavaScript 编写的。NodeJS 用于构建服务器端应用程序,而 AngularJS 用于创建同构Web 应用程序。如果你更进一步并使用 MongoDB 作为你的数据存储,你可以使用 JavaScript 支持的工具构建你的整个基础设施。这对开发人员来说是一个巨大的收获,因为他们可以专注于只学习一种语言并成为MEAN-stack 开发人员。

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: