React是什么呢？從React的官網(wǎng)我們可以獲知：React是用于構建用戶界面的JavaScript庫。愛掏網(wǎng) - it200.comReact使創(chuàng)建交互UI變得輕而易舉，為Web應用的每個狀態(tài)設計簡潔的視圖，當數(shù)據(jù)改變時React能有效地更新并正確地渲染組件。愛掏網(wǎng) - it200.com這僅是對React的總結性的描述，對于想學習React的同學（或初次接觸React的同學）還是希望能更深層的了解React是什么？React中包含了些什么？又是什么使得React變得那么特別？那么這篇文章將會簡單的介紹一些React中的一些術語，并探索React的一些特色。愛掏網(wǎng) - it200.com最后希望這篇文章能幫助你能先熟悉一些概念，從而不至于在后面的學習過程中感到絕望。愛掏網(wǎng) - it200.com而且會慢慢喜歡上并掌握好React。愛掏網(wǎng) - it200.com

作為一名Web開發(fā)人員，都知道，一個Web頁面或Web應用程序包括了HTML、CSS和JavaScript部分：

這三個部分各斯其職:

早期我們開發(fā)一個Web頁面或Web應用程序可以說都是圍繞著HTML、CSS和JavaScript來進行。愛掏網(wǎng) - it200.com而且隨著時間的推移，今天的Web頁面或Web應用程序除了外觀比過去更好看以外，其開發(fā)方式也有很大的不同。愛掏網(wǎng) - it200.com比如我們有一個這樣的Web網(wǎng)站，包括了首頁、搜索結果頁、詳情頁等：

較早前我們可能會創(chuàng)建多外頁面：

• 首頁 -> index.html
• 搜索結果頁 -> searchresults.html
• 詳情頁 -> itemdetails.html
• 訂單頁 -> order.html

頁面流可能會像下面這樣：

在多頁設計方式下，對于大多數(shù)改變頁面顯示的行為，Web應用會通過導航（或鏈接等）跳轉到一個完全不同的頁面。愛掏網(wǎng) - it200.com用戶會看到原頁面被銷毀，然后出來一個新頁面。愛掏網(wǎng) - it200.com對于用戶體驗上來說，略為差強人意。愛掏網(wǎng) - it200.com為了提供用戶一個更好的體驗，也有開發(fā)者采用在一個iframe中嵌套別的頁面（共用一些組件），讓用戶看上去沒有別離開。愛掏網(wǎng) - it200.com

時至今日，應用程序趨向于采用單頁應用（SPA）的開發(fā)模式。愛掏網(wǎng) - it200.com這種模式下，不需要導航到不同的頁面，甚至不需要得新加載一個頁面，應用不同視圖被加載和卸載到同一頁面上。愛掏網(wǎng) - it200.com在單頁應用模式下，上面的Web應用看起來可能會像下面這樣：

看上去有點類似于頁面嵌套在一個iframe，事實并非如此喲。愛掏網(wǎng) - it200.com

隨著Web應用變得越來越復雜，在大多數(shù)Web應用中都會使用前后端分離的方式來開發(fā)Web應用，而Web應用也同時會包含Model、View以及Controller三個部分，不在通過服務端直接生成前端的HTML代碼了。愛掏網(wǎng) - it200.com

事實上，在老的Web應用開發(fā)模式下，也有MVC的模式，比如早期的開發(fā)語言PHP、ASP.net等。愛掏網(wǎng) - it200.com這些框架為控制器增加了一個新的職責：處理初始HTTP請

支付2.99元 已支付，使用閱讀碼 * 請輸入閱讀碼（忘記閱讀碼？）