【51CTO.com快譯】眾所周知，我們在開始任何Web或移動應用項目的開發之前，都需要事先選擇好最適合項目的主要實現技術。目前，可選擇的技術棧可謂林林總總，歸納起來，包括全棧(Full-Stack)、均(MEAN)棧和MERN棧三大類。下面，我將逐一和您討論這些術語背后相關技術的優缺點，以方便您做出明智的選擇。

[[351895]]

到底什么是技術棧?

作為一種數據類型，技術棧實際上是一些組件的集合。它具有兩個主要功能。一個是以推送的形式，向集合中添加組件;另一個是以彈窗的方式，刪除最近添加的，但尚未刪除的組件。可見，它有點類似一個堆疊了一組實用工具的架子(棧)，您可以輕松地從其頂部拉出需要的工具和技術。下面是技術棧中的常見技術：

• 前端技術-HTML、JavaScript、CSS、PostgreSQL、jQuery;
• 前端框架-Angular.js、Polymer.js、bonebjs、Ember.js;
• 后端技術-Nodejs，PHP、.NET、Ruby on Rails;
• 后端框架-ASP.NET、Rails、Express、CodeIgniter;
• 數據庫技術-Oracle、Microsoft SQL Server、MySQL、MongoDB。

針對不同的業務場景，我們可以采用全棧(Full-Stack)、均(MEAN)棧和MERN棧三種方式。下面我們來詳細討論三者各自的特點：

全棧的相關概念

作為Web開發的一部分，全棧開發泛指通過互聯網或內聯網，進行各種Web相關任務的開發，其中包括應用程序前端(我們也稱為客戶端)和后端(我們也稱為服務器端)等完整的開發。而憑借著云計算所帶來的各項技術優勢，全棧開發給整個開發領域帶來了翻天覆地的變化。

全棧工程師同時在客戶端和服務器端軟件上，運用完整的技術棧開展開發工作，其中涉及到各種前端技術、后端開發語言、數據庫、服務器、API、以及版本控制系統。這樣也就是所謂“全棧”名稱的由來。

全棧開發人員既可以保持目標系統的各個部分平穩運行，又可以為團隊中的每個成員提供幫助，并大幅減少團隊用于溝通的時間和技術成本。畢竟，這樣一個“萬金油”式的角色，能夠為公司節省在人力、基礎架構和運營上的各項成本。

全棧開發需具備的專業知識

1)前端技術

全棧開發人員應該掌握諸如HTML5、CSS3、JavaScript之類重要的前端技術，并對jQuery、LESS、Angular和React JS等第三方庫有所了解。

2)開發語言

全棧工程師應該至少知道一種服務器端編程語言，例如：Java、Python、Ruby、以及.Net等。

3)數據庫和緩存

對各種DBMS技術的了解，是對全棧開發人員的另一項重要要求。其中，數據庫包括：MySQL、MongoDB、Oracle、以及SQL Server等場景數據庫。而諸如varnish、Memcached和Redis之類的緩存機制也是必備的知識。

4)基本設計能力

作為一名全棧開發人員，除了必備的設計知識，還需要了解UI/UX方面的基本設計理念。

5)服務器

由于需要接觸到Apache或Nginx服務器，因此全棧開發人員如果具備Linux的良好背景，則能夠輕松地管理各種服務器。

6)版本控制系統(VCS)

版本控制系統能夠方便全棧開發人員跟蹤代碼庫中的所有更改。通過Git的相關知識，他們能夠了解如何獲取最新的代碼，更新部分代碼，以及在不破壞其他開發人員代碼的情況下進行修改。

全棧的優勢

1、切換簡單

全棧開發人員具有根據項目的需求，在前端和后端開發之間進行自由切換的能力。

2、整體設計架構

全棧開發人員的顯著特征之一便是：他們不僅能夠從事Web開發，而且能夠負責整個設計的架構。

3、節約成本

分別雇用前端和后端開發人員的成本，比起僅聘請前后端全能的全棧開發人員來說，顯然要高出許多。

4、易于掌控設計和實施的各個狀態

由于更加全面地擁有設計上的所有權，因此全棧開發人員能夠更加自如地實施各項構建流程。

5、易于技術更新

與那些僅從事前端或后端技術的人員相比，全棧開發人員擁有更全面的知識結構，因此他們有實力輕松地升級或切換到新的技術和工具上。

均棧的相關概念

均棧使用MongoDB、Express Js、Angular和Node Js(抬頭字母簡稱MEAN)，來分析和理解Web開發活動中的動態性和復雜性。對于大多數開發人員而言，他們在全棧設計中往往會采用MEAN技術，來專注于各項功能的易用性。

正如前面提到的，組成均棧的四項技術分別是：作為數據庫的MongoDB，作為服務器系統的Express，針對前端的Angular，以及作為JavaScript服務器端事件驅動的I/O(輸入/輸出)環境--NodeJ。

均棧的關鍵特征是：所有這四種技術均基于框架中的Javascript和JSON(JavaScript Object Notation，對象表示法)數據，進而節省了消耗在潛在JSON編碼上的時間。

MEAN前端

Angular是由Google創建和維護的開源JavaScript框架。它帶有管理客戶端上所有應用與交互的功能，并主要用于構建在網頁上加載初始請求的SPA(Single Page Application，單頁面應用程序)。

通過執行客戶端的側路由(side routing)，Angular能夠大幅減輕服務器的負載。同時，由于它屬于MVW(Model View Whatever，不限模型與視圖)型架構，因此均棧的前端部分(Angular)可由HTML、CSS或Javascript組成。

MEAN后端

MEAN后端用于設計表格與文檔的后端，通過其服務來存儲前端的數據，以及可以使用主鍵/外鍵來檢索數據庫的結構。

由于均棧里各種工具都可以在本地使用底層的JSON數據，因此Node + Express.js + MongoDB數據庫的結合，為基于JSON的Web服務提供了出色的實現效果。可見，相對于前面提到的全棧，均棧開發服務(請參見--https://www.pixelcrayons.com/javascript-development/mean-stack-development?utm_source=dzone&utm_medium=meanstack-MJ-MS&utm_campaign=MJ)具有效率和生產率上的優勢。

均棧的優勢

均棧的主要優點是通過開源的方式，方便開發人員去使用互聯網上免費提供的模塊、庫和公共存儲庫。

• 由于均棧中是通過龐大的庫中提供多種JavaScript模塊，因此用戶能夠輕松地使用Node.js來開發Web應用。
• 均棧非常靈活，您可以添加更多僅用作開發Web應用平臺的對象。
• 如果需要在開發后測試軟件應用，您可以使用MEAN將應用程序托管在云端。此外，它也提供了橫跨服務器的自動共享和集群支持。
• 由于Node.js包含了大量可以被直接用于開發Web應用的模塊庫，因此您可以通過均棧來節省大量的時間。
• 易于在客戶端和服務器之間切換。由于Node.js是一種通用語言，可以讓您輕松地在客戶端和服務器端之間進行控制，因此您無需Apache之類的第三方服務器，便可打開應用程序。
• 作為一個開源的JavaScript框架，Angular.js提供了可維護、可重用和可測試性。而得益于非阻塞的架構，Node.js也具有快速且可擴展的特性。可見，各項MEAN技術都具有高性能與高可用性。

MERN棧的相關概念

除了將React代替了Angular，MERN棧幾乎與均棧如出一轍。MERN棧也是由開源組件所組成，并提供了一個端到端框架，用來構建全面的Web應用，并讓瀏覽器能與數據庫相連接。

在介紹MERN棧之前，我們首先來了解一下React Js。React是由Facebook的Ads組織開發，使用的是典型的客戶端MVC模型。該模型具有所有常見的雙向數據綁定和模板。視圖會持續偵聽模型中的更改，而作為更改的響應，視圖會自行更新。

不過，隨著應用程序變得越來越復雜，而用于更新視圖的代碼也會存在著細微差異，因此這類級聯更新(Cascading updates)已變得難以維護。這也正是需要用聲明性(declarative)構建，來取代命令性(imperative)的原因。

MERN棧的優勢

1、JavaScript無處不在

MERN的最大優勢是：統一使用了JavaScript語言。我們可以將JavaScript用于客戶端和服務器端代碼，甚至可以用它來編寫MongoDB的數據庫腳本。因此，您唯一需要了解和熟悉的語言便是JavaScript。

2、JSON無處不在

在使用MERN棧時，您會發現在數據庫中、在應用服務器中、在客戶端上、甚至在線路上，任何地方都會使用JSON作為對象的表示形式。

3、Node.js性能

鑒于其事件驅動的架構和無阻塞的I/O特點，Node.js在此成為了一種非常快速和靈活的Web服務器。

4、NPM生態系統

NERN棧提供了大量可供人們免費使用的npm軟件包。即便它們無法完全滿足您的需求，您也可以通過對其fork，來制作出屬于自己的npm軟件包。

小結

基于上述介紹，想必您已經能夠根據自己手頭項目的實踐情況，明智地選擇出該用全棧(Full-Stack)、均(MEAN)棧還是MERN棧了。當然，作為技術儲備和默認情況，我還是建議您雇用全棧開發人員(請參見--https://www.pixelcrayons.com/hire-dedicated-full-stack-developers?utm_source=dzone&utm_medium=fullstack-MJ-MS&utm_campaign=MJ)，以滿足不同應用場景的開發需求。

原文標題：Choosing the Right Stack For Your Next Web Project: Full-Stack vs MEAN Stack vs MERN Stack，作者：Jasmine Ronald

【51CTO譯稿，合作站點轉載請注明原文譯者和出處為51CTO.com】