React是什么呢?從React的官網我們可以獲知:React是用于構建用戶界面的JavaScript庫。愛掏網 - it200.comReact使創建交互UI變得輕而易舉,為Web應用的每個狀態設計簡潔的視圖,當數據改變時React能有效地更新并正確地渲染組件。愛掏網 - it200.com這僅是對React的總結性的描述,對于想學習React的同學(或初次接觸React的同學)還是希望能更深層的了解React是什么?React中包含了些什么?又是什么使得React變得那么特別?那么這篇文章將會簡單的介紹一些React中的一些術語,并探索React的一些特色。愛掏網 - it200.com最后希望這篇文章能幫助你能先熟悉一些概念,從而不至于在后面的學習過程中感到絕望。愛掏網 - it200.com而且會慢慢喜歡上并掌握好React。愛掏網 - it200.com
作為一名Web開發人員,都知道,一個Web頁面或Web應用程序包括了HTML、CSS和JavaScript部分:
這三個部分各斯其職:
早期我們開發一個Web頁面或Web應用程序可以說都是圍繞著HTML、CSS和JavaScript來進行。愛掏網 - it200.com而且隨著時間的推移,今天的Web頁面或Web應用程序除了外觀比過去更好看以外,其開發方式也有很大的不同。愛掏網 - it200.com比如我們有一個這樣的Web網站,包括了首頁、搜索結果頁、詳情頁等:
較早前我們可能會創建多外頁面:
- 首頁 ->
index.html
- 搜索結果頁 ->
searchresults.html
- 詳情頁 ->
itemdetails.html
- 訂單頁 ->
order.html
頁面流可能會像下面這樣:
在多頁設計方式下,對于大多數改變頁面顯示的行為,Web應用會通過導航(或鏈接等)跳轉到一個完全不同的頁面。愛掏網 - it200.com用戶會看到原頁面被銷毀,然后出來一個新頁面。愛掏網 - it200.com對于用戶體驗上來說,略為差強人意。愛掏網 - it200.com為了提供用戶一個更好的體驗,也有開發者采用在一個iframe
中嵌套別的頁面(共用一些組件),讓用戶看上去沒有別離開。愛掏網 - it200.com
時至今日,應用程序趨向于采用單頁應用(SPA)的開發模式。愛掏網 - it200.com這種模式下,不需要導航到不同的頁面,甚至不需要得新加載一個頁面,應用不同視圖被加載和卸載到同一頁面上。愛掏網 - it200.com在單頁應用模式下,上面的Web應用看起來可能會像下面這樣:
看上去有點類似于頁面嵌套在一個iframe
,事實并非如此喲。愛掏網 - it200.com
隨著Web應用變得越來越復雜,在大多數Web應用中都會使用前后端分離的方式來開發Web應用,而Web應用也同時會包含Model、View以及Controller三個部分,不在通過服務端直接生成前端的HTML代碼了。愛掏網 - it200.com
事實上,在老的Web應用開發模式下,也有MVC的模式,比如早期的開發語言PHP、ASP.net等。愛掏網 - it200.com這些框架為控制器增加了一個新的職責:處理初始HTTP請
支付2.99元 已支付,使用閱讀碼 * 請輸入閱讀碼(忘記閱讀碼?)