React的設(shè)計(jì)模式有很多種，比如無狀態(tài)組件/表現(xiàn)型組件，有狀態(tài)組件/容器型組件，render模式組件，高階組件等等。本文主要介紹react的render模式與HOC設(shè)計(jì)模式...
IP屬地：湖北
-
React組件Render Props VS HOC 設(shè)計(jì)模式
-
React中useEffect使用
之前我們已經(jīng)掌握了useState的使用，在 class 中，我們通過在構(gòu)造函數(shù)中設(shè)置 this.state 為 { count: 0 } 來初始化 count state ...
-
Promise詳解與實(shí)現(xiàn)（Promise/A+規(guī)范）
1.什么是Promise? Promise是JS異步編程中的重要概念，異步抽象處理對(duì)象，是目前比較流行Javascript異步編程解決方案之一 2.對(duì)于幾種常見異步編程方案 ...
-
useMemo和useEffect有什么區(qū)別？怎么使用useMemo
本文可能會(huì)讓你感覺到很啰嗦，我想盡量線索清晰，但是好像有點(diǎn)失敗... 1. 背景 先看下面這段代碼 現(xiàn)在問幾個(gè)問題：發(fā)生下面幾種情況會(huì)重新渲染界面嗎（也就是getProduc...
-
React Hooks你還在為該使用無狀態(tài)組件（Function）還是有狀態(tài)組件（Class）而煩惱嗎？——擁有了hooks，你再也不需要寫Class了，你的所有組件都將是Function。你還在...
-
淺談JS中 reduce() 的用法過去有很長一段時(shí)間，我一直很難理解 reduce() 這個(gè)方法的具體用法，平時(shí)也很少用到它。事實(shí)上，如果你能真正了解它的話，其實(shí)在很多地方我們都可以用得上，那么今天我們就來簡...
-
react hooks相關(guān)
1.有些時(shí)候我們監(jiān)聽數(shù)據(jù)變化的時(shí)候不希望拿到第一次初始化的數(shù)據(jù)，這時(shí)候我們就需要額外加一個(gè)計(jì)數(shù)器，當(dāng)它大于1的時(shí)候才去監(jiān)聽 使用useRef來優(yōu)化 上面的dep就是我們依賴的...
-
react中子組件向父組件傳值reactjs是一枚新進(jìn)小鮮肉，跟gulp搭配流行一段時(shí)間了。工作或者面試中經(jīng)常遇到這樣的問題，“子組件如何向父組件傳值？”。其實(shí)很簡單，概括起來就是：react中state...
-
美團(tuán)點(diǎn)評(píng)前端在線筆試題總結(jié)
由于太久沒有復(fù)習(xí)算法知識(shí)，導(dǎo)致基本沒寫出來，但是都是以前學(xué)過的知識(shí)，編程題主要有兩道： 1.求矩陣最小路徑 給定一個(gè)矩陣m從左上角開始每次只能往下或者往右走最后到達(dá)右下角的位...
-
關(guān)于React 使用antd組件遞歸實(shí)現(xiàn)左側(cè)菜單導(dǎo)航樹（MenusTree）的示例
一、菜單組件Demo 這里本人采用的是螞蟻金服(antd)組件庫里的{Menu}組件寫的一個(gè)左側(cè)菜單樹的小Demo（整套開發(fā)環(huán)境是React+Redux+webpack）
-
Antd樹形表格Table tree子節(jié)點(diǎn)動(dòng)態(tài)異步獲取需求：由于后端一次性返回樹形數(shù)據(jù)太過龐大，現(xiàn)需要做到table tree樹形表格點(diǎn)擊展開再動(dòng)態(tài)獲取子節(jié)點(diǎn) Antd是一個(gè)強(qiáng)大的組件庫，table tree幫我們提供了一個(gè)點(diǎn)擊...
-
如何在dva的effects中實(shí)現(xiàn)callback回調(diào)
需求 在前端實(shí)現(xiàn)修改用戶密碼的功能，通過dispatch來實(shí)現(xiàn)與后端api接口的交互。 界面點(diǎn)擊“提交”執(zhí)行的代碼如下： model中effect的代碼如下： 此時(shí)前端需要獲...
-
antdesign模態(tài)框+穿梭框閃現(xiàn)問題
閃現(xiàn)原因 onchange時(shí)的setState導(dǎo)致重新渲染 解決方法 把Modal單獨(dú)抽離到一個(gè)組件中，將Modal的顯示隱藏（visible）放到了子組件中 父組件異步獲取...
-
詳解React生命周期(包括react16最新版)tips：很久沒在簡書更新文章了，歡迎大家逛逛我在github的博客點(diǎn)擊查看 。 React v16.0前的生命周期 其實(shí)大部分團(tuán)隊(duì)不見得會(huì)跟進(jìn)升到16版本，所以16前的生命...
-
只有在我們不需要外來的贊許時(shí)，才會(huì)變得自由
-
警惕：做得太多而想得太少<br><br>樂器狂 / 重度偏執(zhí)者 / 代碼潔癖<br><br>我已加入“維權(quán)騎士”<br>(rightknights.com)<br>的版權(quán)保護(hù)計(jì)劃。
