什么是monorepo monorepo其實(shí)就是一個(gè)大包下面包含了許多子包，典型案例有：babel、vue3等知名項(xiàng)目。相對于傳統(tǒng)的mutirepo項(xiàng)目，monorepo的優(yōu)...
IP屬地：湖南
-
基于pnpm的monorepo
-
高階組件
高階組件（HOC）定義：高階組件是參數(shù)是組件，返回值也是一個(gè)組件的函數(shù)。 案例 使用場景 1、input 不想去手動去寫 value 和 input 事件時(shí)，可以使用高階組件...
-
context
定義 Context 提供了一種方式，能夠讓數(shù)據(jù)在組件樹中傳遞而不必一級一級手動傳遞 api class 組件處理 context 的方式 單個(gè) context 需要用 co...
-
ts中比較常用的內(nèi)置方法Record、Partial、Required、Readonly
Record Record的內(nèi)部定義，接收兩個(gè)泛型參數(shù)；Record后面的泛型就是對象鍵和值的類型。 Record 主要的作用是用來定義對象 可以看到，Record 可以很好...
-
交叉類型、聯(lián)合類型、類型斷言
聯(lián)合類型（｜） 聯(lián)合類型，或者的意思 交叉類型（&） 交叉類型，兩個(gè)都需要 類型斷言 使用 as 關(guān)鍵字可以告訴 ts 我們是什么類型 類型守衛(wèi) typescript 在不同...
-
vue3+ts中怎么使用qrcode生成二維碼
下載對應(yīng)的依賴 yarn add qrcode -Syarn add @types/qrcode -Dqrcode 和 @types/qrcode 版本號要一致在 shims...
-
為什么說vue是局部更新，react是全量更新？
vue的局部更新 Vue的局部更新是因?yàn)樗褂昧四０搴吞摂MDOM的方式進(jìn)行渲染。Vue的模板和虛擬DOM能夠精確地追蹤每個(gè)組件的狀態(tài)，只更新真正發(fā)生變化的部分，避免了不必要的...
-
微前端實(shí)現(xiàn)方式對比
iframe 優(yōu)勢 技術(shù)成熟 支持頁面嵌入 天然支持運(yùn)行沙箱隔離、獨(dú)立運(yùn)行 劣勢 頁面之間可以是不同的域名 需要對應(yīng)的設(shè)計(jì)一套應(yīng)用通訊機(jī)制，如：監(jiān)聽、傳參格式等內(nèi)容 應(yīng)用加載...
-
react hooks學(xué)習(xí)
hooks 注意點(diǎn) hooks 在使用時(shí)必須保證其調(diào)用順序，不能將 hooks 的調(diào)用放在 if for 等流程控制語句中，也不能將 hooks 調(diào)用放在子函數(shù)中。 hook...
-
teleport用法
使用 <teleport></teleport> 標(biāo)簽包裹內(nèi)容，且給 to 屬性綁定瞬移位置的選擇器。 詳細(xì)的 teleport 使用步驟 1、定義內(nèi)容 2、引入組件并使用 ...
-
vue3 setup語法子組件如何與父組件通信
子類獲取父類的屬性和方法 vue3 的setup中，子組件中接收數(shù)據(jù)需要用到 defineProps；向父組件提交事件，需要用 defineEmits 父類獲取子類的屬性和方...
-
原生拖拽功能
拖拽 在html5中新增了 draggable 屬性，讓我們可以實(shí)現(xiàn)拖拽功能。 拖拽元素 首先給要拖動的dom元素設(shè)置 draggable 為 true，然后綁定 drags...
-
vue3組件中如何使用v-model
vue3 中當(dāng)父組件使用了 v-model，到子組件分成了modelValue 和 update:modelValue。 其中 modelValue 相當(dāng)于vue2 中的 v...
-
dva學(xué)習(xí)文檔
簡介 dva 首先是一個(gè)基于 redux 和 redux-saga 的數(shù)據(jù)流方案，然后為了簡化開發(fā)體驗(yàn)，dva 還額外內(nèi)置了 react-router 和 fetch，所以也...
-
react dnd學(xué)習(xí)文檔
簡介 React DnD 是一組 React 高階組件，使用的時(shí)候只需要使用對應(yīng)的 API 將目標(biāo)組件進(jìn)行包裹，即可實(shí)現(xiàn)拖動或接受拖動元素的功能。 核心api DndProv...
-
react 如何讓子節(jié)點(diǎn)重新走一遍加載流程
預(yù)期 今天在寫 class 組件的時(shí)候，需要在點(diǎn)重置按鈕的時(shí)候重新走一遍加載流程 constructor -> componentDidMount -> render。 嘗試...
-
antd自定義表單組件如何將數(shù)據(jù)綁定到form上
用過antd 的同學(xué)都應(yīng)該知道，表單是可以通過form.getFieldsValue() 來獲取表單內(nèi)的屬性和值的。那如果我們自定義了一個(gè)表單組件，如何來實(shí)現(xiàn)這個(gè)功能呢？ 假...
-
使用lerna publish 時(shí)一直報(bào)login first在發(fā)包前要做好兩件準(zhǔn)備： 1、先使用 npm login 登錄 2、源一定要在 npm 上image.png 今天使用 lerna publish 時(shí)一直報(bào)錯(cuò)，報(bào)錯(cuò)如下 上面...
-
如何在未發(fā)布的情況下，本地調(diào)試腳手架
1、設(shè)置環(huán)境變量bin/index.js 2、在 package.json 中設(shè)置輸出 3、在項(xiàng)目根目錄設(shè)置軟連接 sudo npm link 4、這樣就可以在根目錄使用 d...