路由的發(fā)展階段 后端路由階段 早期的網(wǎng)站開發(fā)整個 HTML 頁面是由服務(wù)器來渲染的,服務(wù)器直接生產(chǎn)渲染好對應(yīng)的 HTML 頁面,返回給客戶端進(jìn)行展示 但是,一個網(wǎng)站,有很多頁...
發(fā)簡信
IP屬地：內(nèi)蒙古
-
React-router
-
React Hook：手動實現(xiàn)useEffect
react hook中，為函數(shù)組件提供了useEffect鉤子，能夠在函數(shù)組件內(nèi)部模擬生命周期函數(shù)，并可以在內(nèi)部執(zhí)行副作用操作，下面來實現(xiàn)一下其基本功能： 首先總結(jié)一下其用法...
-
React Hook: 手動實現(xiàn)useState
react hook當(dāng)中提供了useState鉤子函數(shù)，能夠?qū)崿F(xiàn)在函數(shù)當(dāng)中創(chuàng)建狀態(tài)和改變狀態(tài)的方法，并支持多次調(diào)用。下面來一步步實現(xiàn)一個簡易的useState。 首先，根據(jù)u...
-
react自定義hook
在react類組件中，有組件間可共享邏輯時，一般用高階組件的方式對公共邏輯進(jìn)行復(fù)用，在react函數(shù)組件中，hook提供了自定義hook函數(shù)的方案來對公共邏輯進(jìn)行復(fù)用。 下面...
-
react hook性能優(yōu)化：memo，useCallback阻止不必要的重新渲染在react函數(shù)組件中修改狀態(tài)會觸發(fā)整個函數(shù)組件的重載，重載過程中會導(dǎo)致函數(shù)中的方法重載和組件重新渲染，這個過程中有很多重載和重新渲染是不必要的，我們可以使用memo和use...
-
iframe高度自適應(yīng)
方法一： 去掉html模板頭部的<!DOCTYPE html>，去掉后html標(biāo)簽?zāi)J(rèn)高度充滿整個屏幕iframe加行間屬性 height: "100%"這種情況適用于需要當(dāng)...
-
js與V8垃圾回收機(jī)制GC算法 CG就是垃圾回收機(jī)制的簡寫，顧名思義就是找到內(nèi)存中的垃圾、并釋放和回收空間。 所謂垃圾就是程序中不再需要使用的對象和程序中不能再訪問到的對象。 V8垃圾回收常見的G...
-
手動實現(xiàn)簡易的VueRouter
核心： 實現(xiàn)前端路由（通過H5的hiostory.pushState API實現(xiàn)） 注冊為vue插件 實現(xiàn)原vuerouter插件的router-link和router-vi...
-
前端模塊化規(guī)范早期的前端技術(shù)標(biāo)準(zhǔn)根本沒有預(yù)料到前端會有今天這樣的規(guī)模，所以很多設(shè)計會使我們在開發(fā)過程中遇到很多模塊化的問題，雖然現(xiàn)如今基本上大部分都被我們后來所引用的各種標(biāo)準(zhǔn)所解決了，但是...
-
js的異步運(yùn)行邏輯js代碼在瀏覽器當(dāng)中的異步執(zhí)行主要是依靠Call stack（調(diào)用棧）、Event loop（事件循環(huán)）、Queue（消息隊列）這三個模塊來完成的。 1、首先加載整體代碼，在...
-
函數(shù)this指向+運(yùn)算符優(yōu)先級+復(fù)合數(shù)據(jù)類型引用第一題： 箭頭函數(shù)不會創(chuàng)建自己的this,它只會從自己的作用域鏈的上一層繼承this。因此此時getPro的this指向window，因此this.a=10； 第二題： 這里...
-
宏任務(wù) 微任務(wù)
解析：首先確認(rèn)一下宏任務(wù)與微任務(wù)的概念：宏任務(wù)，一般我們在調(diào)用棧中依次執(zhí)行的回調(diào)函數(shù)都是以宏任務(wù)的形式依次同步執(zhí)行。微任務(wù)，當(dāng)我們執(zhí)行某些宏任務(wù)時，當(dāng)前任務(wù)上還有其他支線任務(wù)...
-
js執(zhí)行順序+同步異步問題： 第一題打印結(jié)果： 按照js同步執(zhí)行的順序，函數(shù)調(diào)用會首先執(zhí)行for循環(huán)，循環(huán)5次開啟了5個延遲器，延時器內(nèi)部的回調(diào)函數(shù)將會異步執(zhí)行，會在延時1s后進(jìn)入消息隊列等待執(zhí)行...
-
聲明提升+原型+作用域+運(yùn)算符優(yōu)先級問題： ...... 這道題考的知識面非常廣，如題，考察到了js的聲明提升、作用域、原型、new運(yùn)算符以及運(yùn)算符優(yōu)先級的問題。 ...... 答案： 運(yùn)算符相關(guān)內(nèi)容，建議訪問...
-
函數(shù)式編程計算結(jié)果緩存（閉包）提到j(luò)s中函數(shù)計算結(jié)果的緩存，首先應(yīng)該想到的應(yīng)該是閉包，因為正常情況下，執(zhí)行過的函數(shù)和被使用完且不再被引用的變量會被垃圾回收機(jī)制銷毀掉。想要緩存結(jié)果，則必須將其放在閉包內(nèi)，使...