您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
03 youtube官網中文版更新時間日歷插件vue(vue進度條插件有哪些?)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-04-28 05:01:20【】0人已围观
简介SR)邏輯的擴展。在典型的ReactSSR應用程序中,會發生以下步驟:典型SSR應用程序的問題在于,在下一步可以開始之前,必須立即完成整個應用程序的每個步驟。這會使您的應用程序在初始加載時變慢且無響應
典型 SSR 應用程序的問題在于,在下一步可以開始之前,必須立即完成整個應用程序的每個步驟。這會使您的應用程序在初始加載時變慢且無響應。
React 18 正試圖解決這個問題。 組件已經以這樣的方式進行了革命性的改變,它將應用程序分解為更小的獨立單元,這些單元經過提到的每個步驟。這樣一旦用戶看到內容,它就會變成互動的。
我們將狀態更新分為兩類:
單擊、懸停、滾動或打字等緊急更新需要立即響應以匹配我們對物理對象行為方式的直覺。否則他們會覺得“錯了”。
然而,轉換是不同的,因為用戶不希望在屏幕上看到每個中間值。
例如,當您在下拉列表中選擇過濾器時,您希望過濾器按鈕本身在您單擊時立即響應。但是,實際結果可能會單獨轉換。
一個小的延遲是難以察覺的,而且通常是預料之中的。如果在結果渲染完成之前再次更改過濾器,您只關心看到最新的結果。
在典型的 React 應用程序中,大多數更新在概念上都是過渡更新。但出于向后兼容性的原因,過渡是可選的。
默認情況下,React 18 仍然將更新處理為緊急更新,您可以通過將更新包裝到startTransition.
構建流暢且響應迅速的應用程序并不總是那么容易。有時,諸如單擊按鈕或輸入輸入之類的小動作可能會導致屏幕上發生很多事情。這可能會導致頁面在所有工作完成時凍結或掛起。
例如,考慮在過濾數據列表的輸入字段中鍵入。您需要將字段的值存儲在 state 中,以便您可以過濾數據并控制該輸入字段的值。您的代碼可能如下所示:
在這里,每當用戶鍵入一個字符時,我們都會更新輸入值并使用新值來搜索列表并顯示結果。
對于大屏幕更新,這可能會導致頁面在呈現所有內容時出現延遲,從而使打字或其他交互感覺緩慢且無響應。
即使列表不是太長,列表項本身也可能很復雜并且每次擊鍵時都不同,并且可能沒有明確的方法來優化它們的呈現。
從概念上講,問題在于需要進行兩種不同的更新。第一個更新是緊急更新,用于更改輸入字段的值,以及可能會更改其周圍的一些 UI。
第二個是顯示搜索結果的不太緊急的更新。
用戶希望第一次更新是即時的,因為這些交互的本機瀏覽器處理速度很快。但是第二次更新可能會有點延遲。
用戶不希望它立即完成,這很好,因為可能有很多工作要做。(實際上,開發人員經常使用去抖動等技術人為地延遲此類更新。)
在 React 18 之前,所有更新都被緊急渲染。
這意味著上面的兩個狀態仍然會同時呈現,并且仍然會阻止用戶看到他們交互的反饋,直到一切都呈現出來。我們缺少的是一種告訴 React 哪些更新是緊急的,哪些不是的方法。
新startTransitionAPI 通過讓您能夠將更新標記為“轉換”來解決此問題:
包裝在其中的更新startTransition被視為非緊急處理,如果出現更緊急的更新(如點擊或按鍵),則會中斷。
如果用戶中斷轉換(例如,連續輸入多個字符),React 將拋出未完成的陳舊渲染工作,僅渲染最新更新。
Transitions 可讓您保持大多數交互敏捷,即使它們導致顯著的 UI 更改。它們還可以讓您避免浪費時間渲染不再相關的內容。
上述問題的一個常見解決方案是將第二次更新包裝在 setTimeout 中:
這將延遲第二次更新,直到呈現第一次更新之后。節流和去抖動是這種技術的常見變體。
一個重要的區別是startTransition不安排在以后喜歡的setTimeout是。它立即執行。傳遞給的函數startTransition同步運行,但其中的任何更新都標記為“轉換”。
React 將在稍后處理更新時使用此信息來決定如何呈現更新。這意味著我們比在超時中包裝更新更早地開始呈現更新。
在快速設備上,兩次更新之間的延遲非常小。在較慢的設備上,延遲會更大,但 UI 會保持響應。
另一個重要的區別是 a 內的大屏幕更新setTimeout仍然會鎖定頁面,只是在超時之后。
如果用戶在超時觸發時仍在鍵入或與頁面交互,他們仍將被阻止與頁面交互。但是標記為 的狀態更新startTransition是可中斷的,因此它們不會鎖定頁面。
它們讓瀏覽器在呈現不同組件之間的小間隙中處理事件。
如果用戶輸入發生變化,React 將不必繼續渲染用戶不再感興趣的內容。
最后,因為setTimeout只是延遲更新,顯示加載指示器需要編寫異步代碼,這通常很脆弱。
通過轉換,React 可以為您跟蹤掛起狀態,根據轉換的當前狀態更新它,并讓您能夠在用戶等待時顯示加載反饋。
您可以使用startTransition來包裝要移動到后臺的任何更新。通常,這些類型的更新分為兩類:
總結
React 18 沒有任何重大更改,因此,我們將當前的存儲庫升級到最新版本幾乎不需要更改代碼,但我們可以享受它們很酷的功能。
vue高德地圖 如何一次添加多個點標記到地圖實例?
首先你需要提交你的公司的資料信息,地址信息 ,公司名稱 以及電話信息,門臉照片給官方,
提交給官方后,他們會審核的,一般都是 1-7個工作日審核 審核通過后1-3天時間展現
如果發現地圖有錯誤,可以進行糾錯處理。
很赞哦!(973)
相关文章
- tiktok軟件連不上網(tiktok為什么連不上網絡?)
- 01 youtube music pc download 買粉絲全功能usb(如何在youtubemusic中創建快捷指令)
- tiktok轉發在哪里看(tiktok破播要多久)
- 01 youtube music premium pc download 64 bit(如何在youtubemusic中創建快捷指令)
- tiktok跨境電商招商前景(TikTok跨境電商怎么樣?有哪些優勢和風險)
- Tiktok運營網絡搭建(海外版抖音TikTok運營技巧)
- tiktok達人帶貨傭金賬戶(TikTok帶貨有什么技巧嗎?)
- 01 youtube music pc app下載安裝正版(如何在youtubemusic中創建快捷指令)
- 01 youtube music pc app download 買粉絲下載個人(有沒有抖音剪輯培訓教程,還有抖音書單培訓教程,書單文案如何原創?)
- tiktok運營賺錢嗎(說句真心話,現在tiktok搬運賺錢到底靠譜嗎?)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:河南开封禹王台区
工作室:小组
Email:[email protected]
热门文章
站长推荐
tiktok轉化率怎么算(海外抖音tiktok怎么賺錢)
tiktok運費補貼規則(Tiktok官方運費)
01 youtube music home page(如何讓YTmusic在后臺播放)
01 youtube music pc download music mp3(介紹幾個經典的音樂網站啊)
tiktok達人帶貨傭金怎么提現(tiktok帶貨怎么操作,哪有介紹的?)
01 youtube music of the 60(大家來幫忙推薦好歌 高分)
01 youtube music hallelujah song(為什么selena gomez的歌總有同一個女的模仿)
01 youtube music pc app設計規范案例(如何讓YTmusic在后臺播放)