eslint是識別和報告js代碼模式匹配的工具咧虎，目標是保證代碼的一致性和避免錯誤踏枣。eslint作用： js代碼語法校驗 js代碼格式校驗 安裝 用yarn安裝eslint 設(shè)...
發(fā)簡信
IP屬地：上海
-
微前端之 qiankun 實戰(zhàn)
微前端概述 微前端就是將應(yīng)用拆分成多個子應(yīng)用亚享，主應(yīng)用再加載這些子應(yīng)用。核心就是先拆后合。 微前端解決的問題 技術(shù)棧不同 獨立開發(fā)，獨立部署 微前端方案 iframe：通過if...
-
24. React源碼之domdiff--多節(jié)點（二）第三輪遍歷（oldFiber沒遍歷完且newChildren沒遍歷完）： 把剩下的oldFiber放入existingChildren中； 聲明lastPlacedIndex...
-
29. React源碼之更新優(yōu)先級--lane更新可以設(shè)置優(yōu)先級汞扎，在處理更新的時候可以指定渲染優(yōu)先級，高于指定渲染優(yōu)先級的更新才能渲染擅这。React中使用lane(車道)表示任務(wù)優(yōu)先級澈魄，共有31個lane，數(shù)字越小優(yōu)先級越...
-
React事件機制及簡單模擬事件傳播和事件委托 添加事件處理程序的方式：element.addEventListener('click',(event)=>{})仲翎，event為事件對象痹扇。缺省是冒泡階段觸...
-
大量數(shù)據(jù)渲染
需求：渲染十萬條數(shù)據(jù)，每條數(shù)據(jù)的內(nèi)容是一個序號溯香。 方案一：一次渲染 執(zhí)行過程： script執(zhí)行鲫构，打印js execute time: 491ms； GUI渲染線程開始工作玫坛；...
-
useState最簡實現(xiàn)
為了理解hooks原理结笨，我們遵循React運行流程，實現(xiàn)一個最簡useState hook。 考慮如下例子： ClassComponent是有實例的而FunctionComp...
-
函數(shù)式編程
什么是函數(shù)式編程 函數(shù)式編程的概念誕生在二十世紀五十年代炕吸，近些年函數(shù)式編程獲得越來越多的關(guān)注伐憾，很多語言加入了函數(shù)式編程的支持。比如java 8 加入了lambda表達式算途。 函...
-
React setState方法是同步還是異步
setState在React事件處理函數(shù)中或React方法中是異步塞耕，在setTimeout, Promise等異步方法中或原生事件中是同步蚀腿。 一些例子 React事件： 如上...