什么是MERN堆栈，它是如何工作的？MERN堆栈是著名的网络堆栈之一，它已经获得了超越其他堆栈的意义。这是由于其用户界面

What is MERN stack and how does it work?

MERN堆栈是著名的网络堆栈之一，它已经获得了超越其他堆栈的意义。这是由于其用户界面（UI）的交付和执行、成本效益、开源性质以及在客户和服务器之间切换的便利性而直接导致的。它的目标是提高一个应用程序的整体性能。

MERN是一个易于理解的全栈式JavaScript环境，能够构建动态网站和应用程序。让我们来描绘一下MERN的堆栈架构，构成它的四种技术，以及它们是如何共同完成一个从头到尾的无缝产品。

什么是MERN堆栈？

MERN堆栈是JavaScript技术的融合，它们携手合作，以实现企业的敏捷性。MERN是MongoDB、Express、React和Node的缩写，这四种技术构成了该堆栈。

正如我们之前已经介绍过的。

**MongoDB**是一个流行的文档数据库。
**Express**是Node.js的一个后端网络应用框架。
**React**是一个客户端的JavaScript库。
**Node.js**是一个后端JavaScript运行环境。

简单地说，MERN堆栈是各种强大的创新，用于培养适应性强的专家软件、网络和移动应用程序。

MERN堆栈是如何工作的？

下面是MERN堆栈的架构。我们可以看到，它由三个部分组成：前端、后端和数据库--换句话说，是一个全栈架构。

What is MERN stack and how does it work?

MERN的主要好处是，整个项目只需使用**JavaScript和JSON**就可以完成，所以MERN的开发者只需要知道一种编程语言和JSON文档结构。

让我们按章节来分析一下。

数据库

MongoDB：如果你的应用程序存储任何类型的数据--比如一个存储用户档案内容、评论、喜欢等的社交媒体应用程序，那么你将需要一个数据库。有许多数据库可供选择，但MongoDB是MERN的数据库。

任何在我们的React前端创建的JSON文档都可以被发送到Express服务器，在那里它们可以被处理并直接存储在MongoDB中。值得一提的是，MongoDB被认为是一个文档数据库，它被设计为原生存储JSON数据，技术上使用的是JSON的二进制版本，称为BSON。从它的命令行界面到它的查询语言，MongoDB查询语言（MQL）都是建立在JSON和JavaScript之上的。

MongoDB与Node.js的合作也非常好，在你的应用程序的每一个层级上，存储、操作和表示JSON数据都超级容易。JSON数据自然地从前端流向后端，使其能够快速构建，并合理地进行简单调试。

后端

Express.js：它是一个最小和灵活的Node.js网络应用框架。Express帮助我们做一些事情，如URL路由和处理HTTP请求和响应。

Node.js作为一个异步的、事件驱动的JavaScript运行时，Node.js被设计用来构建可扩展的网络应用。它可以并发地处理许多连接，如果没有工作要做，Node.js将占用相当少的资源来运行。以增加内存和CPU的自动可扩展应用程序为例：它们需要更多的处理能力来服务于更高的请求负载，而当请求量减少时则需要更低的处理能力。

简而言之，我们需要Node.js来使用Express.js，因为后者是我们需要与前端来回通信的技术。通过从前端发出HTTP请求，我们可以连接到Express函数，这些函数将使用MongoDB的Node.js驱动来访问我们的MongoDB数据库中的数据。

前端

React.js它是一个开源的、用于构建用户界面或UI组件的前端JavaScript库。所谓开源，我们的意思是，它由Facebook--现在的Meta--和一个开发者和公司的社区维护。通过使用React，我们可以根据来自后端的数据构建我们的用户界面，并将其渲染成HTML。

假设你为一家电影院工作，有一个数据库，里面有所有电影的播放时间，它们的时间和日期。你可以创建一个信息框，它可以接受电影名称、电影时间和日期，你可以让前端显示信息框并输入数据，以填充一周中的任何一天、任何电影、任何时间。

后端

movies = [
   {
     title: “Bambi”,
     time: 11.30,
     date: “04.03.2022”
    },
    {
     title: “Ghost”,
     time: 16.00,
     date: “04.03.2022”
    },
    {
     title: “Jaws”,
     time: 18.45,
     date: “04.03.2022”
    }
]

前端
What is MERN stack and how does it work?

MERN堆栈是前端还是后端？

简单回答。都是.MERN堆栈既可以实现前端的设计、用户体验（UX）和动画元素，也可以实现后端的算法和分析部分。

这最终对公司来说是一个好处，因为一个MERN栈的开发人员就足以完成工作，节省了招聘成本。

MERN堆栈有需求吗？

近年来，MERN栈越来越受欢迎，主要是因为它使用了市场上最需要的技术。另外，不需要在前端和后端环境之间切换，这意味着作为一个开发者，只要知道JavaScript和JSON就够了，这将节省你的时间，让你更快、更有效地完成一个项目。在代码的可重用性或良好的性能方面，MERN栈也更适应和容易使用。

MEAN堆栈与MERN堆栈

虽然MEAN和MERN栈都是开源的、基于JavaScript的技术，但我们可以把MERN上的客户端库换成其他前端技术，比如Angular框架--从而形成MEAN栈，现在是MongoDB、Express、Angular和Node栈。

语言

由于MEAN堆栈使用Angular，所以使用的语言是TypeScript；另一方面，MERN使用的是JavaScript或JJSX。

流行程度

根据2021年Stack Overflow的调查，Angular一直是一个非常受欢迎的框架，然而，必须注意的是，根据同一调查，React正在取代Angular，成为最受欢迎的框架。

生产力

Angular与React相比略胜一筹，因为Angular是一个完整的框架，而React仅仅是一个JavaScript库。为了使React更有生产力，你将不得不利用外部的第三方软件包。

升级路径

Angular提供了一个CLI和一个被称为Angular CLI的命令行界面。这使你能够轻松地从一个版本升级到另一个版本。当涉及到React时，由于外部的第三方软件包，升级要困难得多。

注意：对于破坏性的变化，CLI不能自动升级；他们通常提供例子和指南。

学习曲线

MERN栈和MEAN栈都利用了MongoDB、Express.js和Node.js，因此学习曲线主要取决于Angular和React。如前所述，React纯粹是基于JavaScript的，这使得它更容易学习，适合初学者，而Angular的学习曲线更陡峭，因为你要学习一个额外的技术，即TypeScript，而且也更复杂，因为它是一个完整的Web框架。

数据流

数据绑定是将提供者和消费者的数据源绑定在一起并使其同步的机制。使用数据绑定，你将能够使用浏览器来操作网站上存在的元素。

React只允许单向的数据绑定，而Angular则允许单向和双向的。单向是一种简单的数据绑定类型，开发者可以通过模型来操作视图，这意味着对JavaScript代码的修改将反映在相应的HTML中。另一方面，双向数据绑定允许你的应用程序在两个方向共享数据--从组件到模板，反之亦然。这确保了你的应用程序中的模型和视图始终是同步的。

灵活性

如上所述，React使用了第三方包，允许你选择任何包，但你必须配置这些包，这是一个额外的任务。另一方面，Angular 是由组件组成的，因此它的灵活性较差。

测试

MEAN栈的应用程序比MERN的更容易测试。这是因为Angular应用程序可以使用 Karma或Jasmin等单一工具进行测试。相反，要测试MERN堆栈的应用程序，你将不得不使用多种测试工具；首先，你必须使用Jest来测试JavaScript代码，使用Enzyme来测试组件，等等。

MERN堆栈的商业利益

顶级品牌和组织正在他们的技术中使用MERN栈，如UberEats、Netflix、Facebook、Airbnb等等。这些是他们获得的一些好处。

无缝的用户体验
工程师可以使用
社区支持
启动的市场时间更少
成本效益高
节省时间

什么是MERN堆栈，它是如何工作的？

目录