發(fā)簡(jiǎn)信
IP屬地：香港
-
React Hook：手動(dòng)實(shí)現(xiàn)useEffect
react hook中谷异，為函數(shù)組件提供了useEffect鉤子，能夠在函數(shù)組件內(nèi)部模擬生命周期函數(shù)锦聊，并可以在內(nèi)部執(zhí)行副作用操作歹嘹，下面來(lái)實(shí)現(xiàn)一下其...
-
React Hook: 手動(dòng)實(shí)現(xiàn)useState
react hook當(dāng)中提供了useState鉤子函數(shù)孔庭，能夠?qū)崿F(xiàn)在函數(shù)當(dāng)中創(chuàng)建狀態(tài)和改變狀態(tài)的方法荞下，并支持多次調(diào)用史飞。下面來(lái)一步步實(shí)現(xiàn)一個(gè)簡(jiǎn)易的u...
-
react自定義hook
在react類(lèi)組件中仰税，有組件間可共享邏輯時(shí)构资，一般用高階組件的方式對(duì)公共邏輯進(jìn)行復(fù)用，在react函數(shù)組件中陨簇，hook提供了自定義hook函數(shù)的方...
-
react hook性能優(yōu)化：memo，useCallback阻止不必要的重新渲染在react函數(shù)組件中修改狀態(tài)會(huì)觸發(fā)整個(gè)函數(shù)組件的重載河绽，重載過(guò)程中會(huì)導(dǎo)致函數(shù)中的方法重載和組件重新渲染，這個(gè)過(guò)程中有很多重載和重新渲染是不必要的...
-
iframe高度自適應(yīng)
方法一： 去掉html模板頭部的<!DOCTYPE html>耙饰，去掉后html標(biāo)簽?zāi)J(rèn)高度充滿整個(gè)屏幕iframe加行間屬性 height: "...
-
js與V8垃圾回收機(jī)制GC算法 CG就是垃圾回收機(jī)制的簡(jiǎn)寫(xiě)，顧名思義就是找到內(nèi)存中的垃圾苟跪、并釋放和回收空間廷痘。 所謂垃圾就是程序中不再需要使用的對(duì)象和程序中不能再訪問(wèn)到...
-
手動(dòng)實(shí)現(xiàn)簡(jiǎn)易的VueRouter
核心： 實(shí)現(xiàn)前端路由（通過(guò)H5的hiostory.pushState API實(shí)現(xiàn)） 注冊(cè)為vue插件 實(shí)現(xiàn)原vuerouter插件的router...
-
前端模塊化規(guī)范早期的前端技術(shù)標(biāo)準(zhǔn)根本沒(méi)有預(yù)料到前端會(huì)有今天這樣的規(guī)模元暴，所以很多設(shè)計(jì)會(huì)使我們?cè)陂_(kāi)發(fā)過(guò)程中遇到很多模塊化的問(wèn)題，雖然現(xiàn)如今基本上大部分都被我們后來(lái)...
-
js的異步運(yùn)行邏輯js代碼在瀏覽器當(dāng)中的異步執(zhí)行主要是依靠Call stack（調(diào)用棧）茉盏、Event loop（事件循環(huán)）、Queue（消息隊(duì)列）這三個(gè)模塊來(lái)完成...