
在React中鸿摇,由于數(shù)據(jù)不可變性 若需要更改 則需要通過通知父元素 來更新子元素的數(shù)據(jù) 如我們需要通過點(diǎn)擊事件 來更改子元素相應(yīng)的樣式 那么首先我們現(xiàn)在父元素中利用useSt...
寫代碼的時(shí)候一定要注意一個(gè)組件化的思想我們封裝一個(gè)icon組件 可以使得我們后面的代碼變得精簡(jiǎn)(這樣我們就不用單獨(dú)的給每一個(gè)新添加的svg添加樣式) 先一個(gè)svgsprite...
之所以要實(shí)現(xiàn)mock 是當(dāng)后臺(tái)接口沒有完成或者說要篡改后臺(tái)接口的數(shù)據(jù)時(shí)(模擬接口) 由于國(guó)內(nèi)的一些第三方mock工具容易掛掉 所以我們可以自己搭建搭建mock服務(wù)器 mock...
當(dāng)我們要判斷是否用戶是否登錄 使用到SWR 意為 stale-while-reavalidate 這是一個(gè)庫意為當(dāng)用戶數(shù)據(jù)過期將重新發(fā)起請(qǐng)求獲得最新數(shù)據(jù)步驟:首先從緩存中返回...
為了防止頁面出錯(cuò)導(dǎo)致無限循環(huán) 必須要保證自己的errorElement是存在且不出錯(cuò) 因?yàn)槌鲥e(cuò)就會(huì)訪問errorElement 然后會(huì)一直循環(huán) 自制一個(gè)hooks/useSw...
React Router動(dòng)畫實(shí)踐 寫樣式的方法 CSS Modules需要注意的是需要?jiǎng)?chuàng)建一個(gè)scss的文件 里面用來寫css 然后可以直接調(diào)用里面的樣式(會(huì)幫你在樣式名后面...
在移動(dòng)端頁面開發(fā)中滥酥,需要處理 Android 和 iOS 的兼容性問題更舞。在 Chrome DevTools 中選擇手機(jī)模式,可以一定程度上模擬移動(dòng)端的頁面坎吻,但更多的只是方便進(jìn)...
引入了路由React Router 6.4 路由(routes)指的是 根據(jù)用戶請(qǐng)求的路徑 顯示不同的頁面 路由器是指的是 進(jìn)行一一對(duì)應(yīng)的一個(gè)工具 <Outlet />作為一...
創(chuàng)建方式 React推出的Hooks API其中的useEffect可以解決其沒有生命周期的問題 useEffect 使用規(guī)則1.[]里面是寫的是被改變了的變量 如果變量值發(fā)...
6個(gè)6(由于函數(shù)執(zhí)行時(shí)遇到外部變量會(huì)讀取其最新的值) 注意 :由于函數(shù)是在被調(diào)用的時(shí)候才執(zhí)行 在此之前都不會(huì)執(zhí)行 六次由于i=j 等待1s前i從0變到5注意這里進(jìn)入的...
Model數(shù)據(jù)模型锐朴,負(fù)責(zé)數(shù)據(jù) 就像UserModel就是對(duì)數(shù)據(jù)庫的users表進(jìn)行增刪改查 View負(fù)責(zé)視圖 界面 將模板和數(shù)據(jù)一起渲染 得到HTML Controller控...