ReactJS入門(mén)

前端開(kāi)發(fā)的演變

到目前為止，前端的開(kāi)發(fā)經(jīng)歷了四個(gè)階段，目前處于第四個(gè)階段。這四個(gè)階段分別是：

階段一：靜態(tài)頁(yè)面階段

在第一個(gè)階段中前端頁(yè)面都是靜態(tài)的，所有前端代碼和前端數(shù)據(jù)都是后端生成的。前端只是純粹的展示功能，js腳本的作用只是增加一些特殊效果，比如那時(shí)很流行用腳本控制頁(yè)面上飛來(lái)飛去的廣告。

那時(shí)的網(wǎng)站開(kāi)發(fā)，采用的是后端 MVC 模式。

Model（模型層）：提供/保存數(shù)據(jù)
Controller（控制層）：數(shù)據(jù)處理，實(shí)現(xiàn)業(yè)務(wù)邏輯
View（視圖層）：展示數(shù)據(jù)，提供用戶(hù)界面

前端只是后端 MVC 的 V。

階段二：ajax階段

2004年，A JAX 技術(shù)誕生，改變了前端開(kāi)發(fā)。Gmail 和 Google 地圖這樣革命性的產(chǎn)品出現(xiàn)，使得開(kāi)發(fā)者發(fā)現(xiàn)，前端的作用不僅僅是展示頁(yè)面，還可以管理數(shù)據(jù)并與用戶(hù)互動(dòng)。

就是從這個(gè)階段開(kāi)始，前端腳本開(kāi)始變得復(fù)雜，不再僅僅是一些玩具性的功能。

階段三：前端MVC階段

2010年，第一個(gè)前端 MVC 框架 Backbone.js 誕生。它基本上是把 MVC 模式搬到了前端，但是只有 M （讀寫(xiě)數(shù)據(jù)）和 V（展示數(shù)據(jù)），沒(méi)有 C（處理數(shù)據(jù)）。

有些框架提出了MVVM模式，用 View Model 代替 Controller。Model 拿到數(shù)據(jù)以后，View Model 將數(shù)據(jù)處理成視圖層（View）需要的格式，在視圖層展示出來(lái)。

階段四：SPA階段

前端可以做到讀寫(xiě)數(shù)據(jù)、切換視圖、用戶(hù)交互，這意味著，網(wǎng)頁(yè)其實(shí)是一個(gè)應(yīng)用程序，而不是信息的純展示。這種單張網(wǎng)頁(yè)的應(yīng)用程序稱(chēng)為 SPA（single-page-application）。

2010年后，前端工程師從開(kāi)發(fā)頁(yè)面（切模板），逐漸變成了開(kāi)發(fā)“前端應(yīng)用”（跑在瀏覽器里面的應(yīng)用程序）。

目前，最流行的前端框架 Vue、Angular、React 等等，都屬于 SPA 開(kāi)發(fā)框架。

總結(jié)

以上是生活随笔為你收集整理的ReactJS入门之前端开发的演变的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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