一、什么是diff算法？ 為了增強(qiáng)用戶體驗(yàn)，React從版本16開始將同步更新重構(gòu)成了可中斷的異步更新，即采用了新的Reconciler(協(xié)調(diào)器，用于找出變化的組件），而新的...
發(fā)簡(jiǎn)信
IP屬地：江蘇
-
React的diff算法詳解 -
開發(fā)者工具console.log輸出問題
對(duì)于基本類型，console.log輸出的就是當(dāng)前的值，對(duì)于引用類型，console.log輸出的是它當(dāng)前的快照，只有當(dāng)展開時(shí)才會(huì)去內(nèi)存讀取它的值，所以會(huì)出現(xiàn)下圖中快照與展開...
-
Warning: `children` of ResizeObserver is empty. Nothing is in observe的解決辦法這天開發(fā)一個(gè)頁(yè)面時(shí)，發(fā)現(xiàn)切換一次狀態(tài)就多6個(gè)警報(bào)，滿屏紅字，強(qiáng)迫癥不能忍，決心清掉這個(gè)警告。警告提示如下： 仔細(xì)觀察這些警告，看到了一個(gè)熟悉的東西，沒錯(cuò)，就是Affix。它是...
-
CSS3實(shí)現(xiàn)18種Loading效果
昨晚用CSS3實(shí)現(xiàn)了幾種常見的Loading效果，雖然很簡(jiǎn)單，但還是分享一下，順便也當(dāng)是做做筆記…… 第1種效果： 代碼如下： 第2種效果： 代碼如下： 第3-5種效果： 代...
-
生產(chǎn)模式下react項(xiàng)目報(bào)錯(cuò)minified react error #130的問題
這天，線上突然出現(xiàn)了一個(gè)bug，某個(gè)頁(yè)面打開空白，看控制臺(tái)報(bào)錯(cuò)minified react error #130，在本地看卻是正常的，百思不得其解。 后來發(fā)現(xiàn)是由于線上項(xiàng)目它...
-
console.log 是異步輸出還是同步
有時(shí)候調(diào)試代碼，發(fā)現(xiàn)所看的結(jié)果與期望的有差異，誤導(dǎo)了我們的判斷，找錯(cuò)了方向，耽誤了很多時(shí)間，console.log()的輸出竟然會(huì)出現(xiàn)異步輸出的情況，因而所以這里記錄一下遇到...
-
為什么setTimeout會(huì)有4ms的延時(shí)
在閱讀《React進(jìn)階實(shí)踐指南》的調(diào)度與時(shí)間片章節(jié)時(shí)，作者提到setTimeout(fn,0)在循環(huán)調(diào)用時(shí)，最后的時(shí)間間隔會(huì)變成4ms左右，但作者沒有詳細(xì)解釋，所以我上網(wǎng)查了...
-
判斷滾動(dòng)條是否滾到底部的原理圖解假設(shè)現(xiàn)在有一個(gè)網(wǎng)頁(yè)A, 它的高度為scrollHeight; 我們?yōu)g覽器的窗口高度為clientHeight, ， 在網(wǎng)頁(yè)向下翻動(dòng)的過程中，會(huì)出現(xiàn)以下情況 網(wǎng)頁(yè)被卷上去的高度...
-
css動(dòng)畫效果的各種實(shí)現(xiàn)方法與區(qū)分，使用transition實(shí)現(xiàn)一個(gè)簡(jiǎn)單的翻牌效果感覺自己總是混淆css各種動(dòng)畫效果，所以再這里總結(jié)一下 1. transition，所在元素塊樣式變動(dòng)時(shí)啟動(dòng)，可用于樣式變動(dòng)時(shí)產(chǎn)生過渡動(dòng)畫效果 語(yǔ)法 | transition...
-
-
fetch用法（轉(zhuǎn)載）
一、基本用法 fetch()的功能與 XMLHttpRequest 基本相同，但有三個(gè)主要的差異。 (1)fetch()使用 Promise，不使用回調(diào)函數(shù)，因此大大簡(jiǎn)化了寫...
-
ant-design中的upload實(shí)現(xiàn)文件與表單一起上傳關(guān)鍵點(diǎn): 在上傳前將文件信息保存 將文件傳給后臺(tái)由于我們使用的是ant-design中的upload組件，翻看官方文檔可以看到beforeUpload是上傳文件之前的鉤子，它...
-
vue3.x實(shí)現(xiàn)一個(gè)簡(jiǎn)單的手機(jī)端table組件
目前實(shí)現(xiàn)的功能有： 支持輸入列標(biāo)題和數(shù)據(jù)自動(dòng)生成表格， 支持每列的自定義樣式， 支持雙擊橫屏放大表格 支持自定義點(diǎn)擊事件 支持動(dòng)態(tài)合并表格（目前只支持根據(jù)一列數(shù)據(jù)動(dòng)態(tài)合并）注...
-
《鳥哥Linux私房菜》備忘
第一部分-Linux規(guī)則與安裝 多操作系統(tǒng)安裝 情況方式只有一塊硬盤先裝windows，再裝linux，在MBR中安裝grub來引導(dǎo)啟動(dòng)兩塊硬盤根據(jù)BIOS的啟動(dòng)順序，只有一...
-
linux上的終端復(fù)用工具——tmux
版權(quán)聲明：本文為CSDN博主「展桑~~」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權(quán)協(xié)議，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。本文同鏈接：https://blog.csdn.ne...
