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