?????????在官方文檔里面可以看見(jiàn)React基本設(shè)計(jì)概念，React是用?JavaScrip構(gòu)建快速響應(yīng)的大型Web應(yīng)用程序的首選方式，但是快速響應(yīng)用一定的是依賴，CPU的性能和IO的約束。

????????首先CPU性能原因：大部分瀏覽器的刷新頻率為60HZ，及16.6ms瀏覽器刷新一次，但是由于越大的項(xiàng)目js越復(fù)雜，導(dǎo)致他的運(yùn)行時(shí)間早就超過(guò)了16.6ms，由于瀏覽器的渲染線程原理，在跑到j(luò)s的時(shí)候必須等他跑完才會(huì)繼續(xù)跑html。瀏覽器給出的解決方法是，每一幀流一點(diǎn)時(shí)間給js。原生的話你需要手動(dòng)調(diào)用，而react會(huì)自動(dòng)用這個(gè)來(lái)優(yōu)化js速度，這種操作叫時(shí)間切片，時(shí)間切片：將同步的更新變?yōu)榭芍袛嗟漠惒礁隆?/p>

????????IO的限制，這種可以從服務(wù)器的角度進(jìn)行一個(gè)優(yōu)化，包括利用hTTP2-3等現(xiàn)代協(xié)議，同時(shí)也可以使用人機(jī)交互這種視覺(jué)感受，讓用戶減少對(duì)網(wǎng)絡(luò)延遲的感知，響應(yīng)時(shí)間：0.1s內(nèi)，用戶感覺(jué)會(huì)流程。1秒內(nèi)流暢但是會(huì)察覺(jué)到延遲，10s內(nèi)，需要提供進(jìn)度條。對(duì)于動(dòng)畫控制在200ms到500ms之間是用戶最舒服的。就比如說(shuō)Suspense以及配套的useDeferredValue這種React提供的功能。

????????Suspense：是可以在跳轉(zhuǎn)的過(guò)程中顯示進(jìn)度條或者別的內(nèi)容來(lái)告訴用戶在加載的。在響應(yīng)時(shí)間超過(guò)1s的時(shí)候使用。

????????useDeferredValue：類似防抖，截流的功能，但是比他們效率更高，他是利用React內(nèi)部Schedular(調(diào)度器)實(shí)現(xiàn)的，通過(guò)切換優(yōu)先級(jí)，當(dāng)用戶輸入的時(shí)候，先顯示輸入的值，把計(jì)算值的動(dòng)作排在優(yōu)先級(jí)后面每次用戶修改值react都會(huì)計(jì)算渲染的值，當(dāng)用戶新輸入會(huì)打斷這個(gè)過(guò)程，重新按照最新值來(lái)跑渲染，達(dá)到優(yōu)化用戶體驗(yàn)的功能。