說說const, let,它們的區(qū)別及使用場(chǎng)景?const聲明不可變的常量,必須進(jìn)行初始化let聲明可變的常量,可以不初始化,但訪問前必須賦值 你知道style加scoped...
說說const, let,它們的區(qū)別及使用場(chǎng)景?const聲明不可變的常量,必須進(jìn)行初始化let聲明可變的常量,可以不初始化,但訪問前必須賦值 你知道style加scoped...
HTML CSS JavaScript數(shù)據(jù)經(jīng)過渲染模塊的處理,最終輸出為屏幕上的像素。這中間的渲染模塊就是我們今天要討論的主題。 構(gòu)建DOM樹 樣式計(jì)算 布局階段 分層 圖層...
“在瀏覽器里,從輸入 URL 到頁面展示,這中間發(fā)生了什么? ”這是一道經(jīng)典的面試題。涉及到一系列的知識(shí)考察:網(wǎng)絡(luò)、操作系統(tǒng)、Web 等。 瀏覽器進(jìn)程接收到用戶輸入的 URL...
Redux 出現(xiàn)的背景 隨著對(duì) React 使用的深入,你會(huì)發(fā)現(xiàn)組件級(jí)別的 state,和從上而下傳遞的 props 這兩個(gè)狀態(tài)機(jī)制,無法滿足復(fù)雜功能的需要,例如跨層級(jí)之間的...
問題 事件處理函數(shù)會(huì)被重復(fù)定義數(shù)據(jù)計(jì)算過程沒有緩存 useCallback - 緩存回調(diào)函數(shù) 每次組件狀態(tài)發(fā)生變化的時(shí)候,函數(shù)組件實(shí)際上都會(huì)重新執(zhí)行一遍。在每次執(zhí)行的時(shí)候,實(shí)...
React核心原理 當(dāng)數(shù)據(jù)發(fā)生變化時(shí),UI 能夠自動(dòng)把變化反映出來。 在 React 之前,我們需要調(diào)用 DOM 的 API 來修改 DOM 樹的結(jié)構(gòu),從而改變 UI 的展現(xiàn)...
簡(jiǎn)介 Hook 是 React 16.8 的新增特性。它可以讓你在不編寫 class 的情況下使用 state 以及其他的 React 特性。 定義: Hook 是一些可以讓...
當(dāng)我們想在兩個(gè)函數(shù)之間共享邏輯時(shí),我們會(huì)把它提取到第三個(gè)函數(shù)中。而組件和Hook都是函數(shù),所以也同樣適用這種方式。 認(rèn)識(shí)自定義Hook 自定義Hook是一個(gè)函數(shù),其名稱以u(píng)s...
使用Effect hook可以在函數(shù)組件中執(zhí)行副作用 副作用 - 指一段和當(dāng)前執(zhí)行結(jié)果無關(guān)的代碼。 data fetching setting up a subscripti...
基本知識(shí) React的組件有兩種屬性,state 和 props,state一般是在組件內(nèi)部使用,而props則代表父組件傳入的屬性。 useState對(duì)應(yīng)于state,是用...