react歷次版本迭代主要想解決的是兩類導(dǎo)致網(wǎng)頁卡頓的問題,分別是cpu密集型任務(wù)和io密集型任務(wù)導(dǎo)致的卡頓問題,react18提出的并發(fā)特性(Concurrent Rend...

react歷次版本迭代主要想解決的是兩類導(dǎo)致網(wǎng)頁卡頓的問題,分別是cpu密集型任務(wù)和io密集型任務(wù)導(dǎo)致的卡頓問題,react18提出的并發(fā)特性(Concurrent Rend...
本文將從useEffect的‘閃爍’問題切入,通過devtools并結(jié)合源碼來分析useEffect與useLayoutEffect的執(zhí)行細節(jié),最后總結(jié)業(yè)務(wù)開發(fā)中二者的適用場...
本系列文章將深入源碼剖析react的工作流程,在開始之前有幾點說明: 本文解析的react源碼基于react17.0.3 本文圖示的源碼都省略了與主邏輯無關(guān)的代碼 本文對每個...
axios[https://github.com/axios/axios]是一個基于promise調(diào)用邏輯的http請求庫,是一個優(yōu)秀的開源項目。了解其實現(xiàn)邏輯有助于深化我們...
回想日常開發(fā)中使用的框架,腳手架,打包工具,再到編輯器的代碼補全,代碼格式化等功能,用一句話概括他們做的事那就是批量修改源代碼,再精確一點即代碼轉(zhuǎn)換。既然要轉(zhuǎn)換,那么首先第一...
1.Web路由 1.1 后端路由 Web路由的概念簡單來說就是根據(jù)不同URL渲染不同的頁面。在前后端不分離的時代,路由往往指的是后端路由(服務(wù)端路由),即當(dāng)服務(wù)端接收到客戶端...
1.異步編程的終極解決方案 前文結(jié)尾時提到,async/await是異步編程的'終極'解決方案,而終極二字就體現(xiàn)在,使用async/await來操作異步無論是邏輯上還是語義上...
一.Generator函數(shù)的概念 Generator函數(shù)是 ES6 提供的一種異步編程解決方案。前面討論過的Promise對象也是ES6提供的異步解決方案,為什么還要提出Ge...
在上篇中,我們已經(jīng)實現(xiàn)了Promise的基本功能及then,catch兩個實例方法。下面我們來實現(xiàn)ES6中的Promise對象的所有實例方法與靜態(tài)方法。 源碼地址[https...
Promise在日常開發(fā)中使用非常廣泛,得益于其靈活的異步操作處理機制,我們對異步操作(尤其是具有依賴關(guān)系的異步操作)的處理大為簡化。而了解其底層運行機制將有助于我們更靈活的...
一面 自我介紹 項目問題 手寫axios獲取數(shù)據(jù) 手寫一個請求,如果response的status為0,表示失敗,為1表示成功(使用promise) 手寫bind 手寫最長回...
1.watchEffect watchEffect 是Vue3新增的一個api,其功能與watch類似,均可以在偵聽到數(shù)據(jù)發(fā)生變化時執(zhí)行回調(diào)。不同之處在于 1 無需直接指定要...
文末有福利 面試時,很經(jīng)常會說對某某項目進行了性能優(yōu)化,使性能有很大的提高之類的話。如果面試官問,來講講做了那些優(yōu)化,這時候你就要很清晰地把你做過的優(yōu)化一一說出來。 本文謹(jǐn)以...
1.閉包的概念 在對作用域,作用域鏈的概念進行討論時我們知道,一般情況下定義在函數(shù)內(nèi)部的變量在函數(shù)外部是不可訪問的。但某些時候有又確實有這樣的需求,這時就會用到閉包。閉包,就...
背景 不知道大家有沒有發(fā)現(xiàn),有時候我們在調(diào)用后臺接口的時候,會請求兩次,如下圖的 其實第一次發(fā)送的就是preflight request(預(yù)檢請求),那么這篇文章將講一下,為...