Web前端框架可以分為兩類：

JS的類庫框架
JQuery.JS

Angular.JS（模型， scope作用域，controller，依賴注入，MVVM）：前端MVC

Vue.JS（MVVM）*****

Reat.JS （創(chuàng)建自定義標簽，根據(jù)id注入標簽）******

Node.JS（服務(wù)器端）

UI框架（Html/Css/JS組合）
Bootstrap（簡潔、直觀、強悍的前端框架，讓web開發(fā)更迅速、簡單）
下面是具體介紹：
Reat.JS

如果你熟悉 MVC 概念的話，那么 React 的組件就相當于 MVC 里面的 View。如果你不熟悉也沒關(guān)系，你可以簡單地理解為，React.js 將幫助我們將界面分成了各個獨立的小塊，每一個塊就是組件，這些組件之間可以組合、嵌套，就成了我們的頁面。

一個組件的顯示形態(tài)和行為有可能是由某些數(shù)據(jù)決定的。而數(shù)據(jù)是可能發(fā)生改變的，這時候組件的顯示形態(tài)就會發(fā)生相應的改變。而 React.js 也提供了一種非常高效的方式幫助我們做到了數(shù)據(jù)和組件顯示形態(tài)之間的同步。

React.js 不是一個框架，它只是一個庫。它只提供 UI （view）層面的解決方案。在實際的項目當中，它并不能解決我們所有的問題，需要結(jié)合其它的庫，例如 Redux、React-router 等來協(xié)助提供完整的解決方法。
Vue.JS

Vue.js是用于構(gòu)建交互式的 Web界面的庫。它提供了 MVVM數(shù)據(jù)綁定和一個可組合的組件系統(tǒng)，具有簡單、靈活的 API。從技術(shù)上講， Vue.js集中在 MVVM 模式上的視圖模型層，并通過雙向數(shù)據(jù)綁定連接視圖和模型。實際的DOM操作和輸出格式被抽象出來成指令和過濾器。相比其它的 MVVM框架，Vue.js更容易上手。

Angular.JS

AngularJS有著諸多特性，最為核心的是：MVVM、模塊化、自動化雙向數(shù)據(jù)綁定、語義化標簽、依賴注入等等。
用途：通過描述我們應該就能很好的明白AngularJS的真實用途了，MVVM，模塊化，自動化雙向數(shù)據(jù)綁定等等。除了簡單的dom操作外，更能體現(xiàn)Js編程的強大。當然應用應該視場合而定。

Node.JS

node.js是一個Javascript運行環(huán)境(runtime)。實際上它是對Google V8引擎進行了封裝。V8引擎執(zhí)行Javascript的速度非?？?#xff0c;性能非常好。Node.js對一些特殊用例進行了優(yōu)化，提供了替代的API，使得V8在非瀏覽器環(huán)境下運行得更好。
Node.js是一個基于ChromeJavaScript運行時建立的平臺，用于方便地搭建響應速度快、易于擴展的網(wǎng)絡(luò)應用。Node.js使用事件驅(qū)動，非阻塞I/O模型而得以輕量和高效，非常適合在分布式設(shè)備上運行數(shù)據(jù)密集型的實時應用。
　　簡單的說 Node.js就是運行在服務(wù)端的 JavaScript。

Node.js是一個基于ChromeJavaScript運行時建立的一個平臺。
Node.js是一個基于ChromeJavaScript運行時建立的一個平臺。

Node.js是一個事件驅(qū)動I/O服務(wù)端JavaScript環(huán)境，基于Google的V8引擎，V8引擎執(zhí)行Javascript的速度非?？?#xff0c;性能非常好。用途：
(1). RESTful API

這是NodeJS最理想的應用場景，可以處理數(shù)萬條連接，本身沒有太多的邏輯，只需要請求API，組織數(shù)據(jù)進行返回即可。它本質(zhì)上只是從某個數(shù)據(jù)庫中查找一些值并將它們組成一個響應。由于響應是少量文本，入站請求也是少量的文本，因此流量不高，一臺機器甚至也可以處理最繁忙的公司的API需求。

(2).統(tǒng)一Web應用的UI層

目前MVC的架構(gòu)，在某種意義上來說，Web開發(fā)有兩個UI層，一個是在瀏覽器里面我們最終看到的，另一個在server端，負責生成和拼接頁面。

不討論這種架構(gòu)是好是壞，但是有另外一種實踐，面向服務(wù)的架構(gòu)，更好的做前后端的依賴分離。如果所有的關(guān)鍵業(yè)務(wù)邏輯都封裝成REST調(diào)用，就意味著在上層只需要考慮如何用這些REST接口構(gòu)建具體的應用。那些后端程序員們根本不操心具體數(shù)據(jù)是如何從一個頁面?zhèn)鬟f到另一個頁面的，他們也不用管用戶數(shù)據(jù)更新是通過Ajax異步獲取的還是通過刷新頁面。

(3).大量Ajax請求的應用

例如個性化應用，每個用戶看到的頁面都不一樣，緩存失效，需要在頁面加載的時候發(fā)起Ajax請求，NodeJS能響應大量的并發(fā)請求。總而言之，NodeJS適合運用在高并發(fā)、I/O密集、少量業(yè)務(wù)邏輯的場景。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的Web 前端框架分类解读的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。