很多人在面試的時候遇到過這樣一道題， 問：這幾個console分別是什么？很多人都會說setState會合并，所以三個都是0钠右【可能再加個異步的說法缠导。然而我們再看下面這道題削罩。 ...
發(fā)簡信
IP屬地：浙江
-
react源碼6 - setState批量更新batchedUpdated -
react源碼6 - ExpirationTime
在前面的文章里有提到，在創(chuàng)建更新的時候糊昙，會有一個ExpirationTime的變量辛掠，在這章里我們了解一下它的計算方式和作用是什么。 1. ExpirationTime計算方...
-
react源碼5-什么是FiberRoot,Fiber,Update
FiberRoot是什么呢释牺，在上一章ReactDom.render的文章里萝衩，在主流程里我們有看到這樣一個函數(shù)createFiberRoot，這個函數(shù)主要功能就是返回一個Fib...
-
react源碼4-ReactDom.render我們在寫react代碼的時候没咙，基本上都見過這樣的代碼： 大家都知道ReactDom.render的作用是將模板渲染到我們指定的dom節(jié)點猩谊，但render的過程中發(fā)生了些什么呢...
-
react源碼3 - refref可以獲取dom節(jié)點或者react元素的實例，一般有三種使用方法 1. string ref 使用方法就是在react元素上使用一個ref屬性祭刚，然后傳入一個字符串牌捷，最后r...
-
react源碼2 - ComponentComponent應(yīng)該是我們平時寫react代碼用的最多的api之一了，Component和PureComponent也是react兩大baseClasses涡驮。 Compon...
-
react源碼1 - reactElement我們在寫react代碼的時候暗甥，使用的都是jsx的語法，那jsx是怎么轉(zhuǎn)化成js能被瀏覽器識別的呢捉捅。我們直接看babel是怎么轉(zhuǎn)譯的撤防。左側(cè)是jsx語法，右側(cè)是轉(zhuǎn)譯結(jié)果棒口。 很明顯...
-
怎么在react里寫ts
這篇文章將簡單的演示怎么在react中加上ts寄月，從一個簡單的icon組件說起。普通react環(huán)境下是這樣的陌凳。icon.tsx index.tsx 然后對傳入的name進行類型...
-
react的ts配置
最近準(zhǔn)備自己造一套輪子剥懒，技術(shù)棧暫定為react+typescript。在react引入ts的時候還是遇到了一些坑合敦，所以寫篇文章記錄一下引入的過程。引入ts么验游，就要先選擇一個t...
-
用jest寫單元測試
最近準(zhǔn)備自己造一套輪子充岛，技術(shù)棧暫定為react+typescript，然后用jest做單元測試耕蝉，這篇文章就主要寫一下自己使用jest的心得吧崔梗。第一步就是按照官網(wǎng)上的下載依賴，...
-
錯誤的get和post
GET和POST是HTTP請求的兩種基本方法垒在，要說它們的區(qū)別蒜魄，接觸過WEB開發(fā)的人都能說出一二。 然而這個答案并不是正確的，那正確的答案是什么呢 ————get和post并沒...
-
前端常見的排序算法算法
冒泡排序 我們先來了解一下冒泡排序算法谈为，它是最慢的排序算法之一旅挤，但也是一種最容易實現(xiàn)的排序算法。之所以叫冒泡排序是因為使用這種排序算法排序時伞鲫，數(shù)據(jù)值會像氣泡一樣從數(shù)組的一端漂...
-
@瑾琰weir 那你plugin配置和package命令改了嗎粘茄，你是具體什么問題 是dev-server的時候沒有出現(xiàn)html文件還是？ 那個babel-core可能是環(huán)境關(guān)系我也不清楚秕脓，反正我之前也沒下載 直接下載babel它就自動引入了
如何從零開始建前端一個腳手架
1.事先我們要創(chuàng)建一個文件夾柒瓣，叫stage2.在文件夾里創(chuàng)建一個read.me文件在文件里寫上對文件的描述 3.好了 ， 然后接下來我們git init一下將其用git來管理...
-
你引入webpack-plugin-html了嗎
如何從零開始建前端一個腳手架
1.事先我們要創(chuàng)建一個文件夾吠架，叫stage2.在文件夾里創(chuàng)建一個read.me文件在文件里寫上對文件的描述 3.好了 芙贫， 然后接下來我們git init一下將其用git來管理...
-
如何從零開始建前端一個腳手架1.事先我們要創(chuàng)建一個文件夾，叫stage2.在文件夾里創(chuàng)建一個read.me文件在文件里寫上對文件的描述 3.好了 傍药， 然后接下來我們git init一下將其用git來管理...
-
學(xué)習(xí)過程
項目一： 看 Rails 屹培，它的命名真是太好了 項目二 ： 就研究 async、Promise怔檩、裝飾器褪秀、Proxy Reflect 就好，其他沒必要專門花時間看薛训，看到就記一下...
-
從輸入url到頁面呈現(xiàn)
1.在瀏覽器地址輸入url2.瀏覽器查看緩存媒吗，如果請求資源在瀏覽器里有緩存并且新鮮，跳轉(zhuǎn)到轉(zhuǎn)碼步驟 如果資源未緩存乙埃，發(fā)起新請求如果已緩存闸英，則驗證是否新鮮，足夠新鮮則直接提供給...
-
從url輸入到頁面展現(xiàn)發(fā)生了什么
1.在瀏覽器地址輸入url 2.瀏覽器查看緩存介袜，如果請求資源在瀏覽器里有緩存并且新鮮甫何，跳轉(zhuǎn)到轉(zhuǎn)碼步驟 > 如果資源未緩存，發(fā)起新請求 >如果已緩存遇伞，則驗證是否新鮮辙喂，足夠新鮮則...
-
函數(shù)與作用域
一.函數(shù)聲明和函數(shù)表達式有什么區(qū)別1.函數(shù)聲明必須有標(biāo)識符2.函數(shù)聲明會提前3.ECMAScript規(guī)范中表示，函數(shù)聲明語句可以出現(xiàn)在全局代碼中鸠珠，或者內(nèi)嵌在其他函數(shù)中巍耗，但是不...