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