發(fā)簡(jiǎn)信
IP屬地：江蘇
-
nestjs中使用小技巧
1.當(dāng)有多個(gè)Query參數(shù)時(shí)可以定義成對(duì)象， ApiQuery的type值設(shè)定為該對(duì)象類型析既。例如： 好像Query參數(shù)不會(huì)自動(dòng)轉(zhuǎn)類型（我的項(xiàng)目中是這樣的逼争，不知道是設(shè)定問題還是...
-
基于React Hook的國(guó)際化(i18n)解決方案
設(shè)計(jì)思路 持久化locale信息到localeStorage 創(chuàng)建useLocale 用于獲取locale以及設(shè)置并持久化locale信息 創(chuàng)建I18nConfigProvi...
-
一個(gè)非常輕量級(jí)的React數(shù)據(jù)管理方案設(shè)計(jì)思路 為共享數(shù)據(jù)生成setData()與useData()對(duì)箕慧。 setData()： 初始化或更新共享數(shù)據(jù) useData()：為react hook，用于獲取最新的共享...
-
Github國(guó)內(nèi)鏡像網(wǎng)站，解決Github訪問的神器
https://github.com.cnpmjs.org/[https://github.com.cnpmjs.org/] https://hub.fastgit.org/...
-
多行文本漸變的實(shí)現(xiàn)本教程實(shí)現(xiàn)一個(gè)如下的多行文本漸變的效果： 參考 https://codepen.io/rpsthecoder/pen/erBWOE[https://codepen.io/rp...
-
非常有用的跟國(guó)家相關(guān)的庫
國(guó)家列表：country-list[https://github.com/umpirsky/country-list] 國(guó)家貨幣：currency-list[https://...
-
transform-style
定義 CSS[https://developer.mozilla.org/en-US/docs/Web/CSS] 屬性 transform-style設(shè)置元素的子元素是位于 ...
-
CSS中如何保持容器寬高比不變的原理
padding-top 和 padding-bottom屬性 padding-top 和 padding-bottom屬性分別表示容器的上內(nèi)邊距與下內(nèi)邊距。雖然設(shè)置的是垂直方...
-
一個(gè)父元素的border-radius不生效的問題
問題： 遇到一個(gè)圓角的問題揍异，設(shè)置了父元素的border-radius，但不生效爆班。 解決過程： 偶然間衷掷，通過設(shè)置overflow: hidden;居然生效了（表要問我為啥，猜的...
-
useState - React源碼解析（八）
本文將講解useState鉤子的實(shí)現(xiàn)柿菩。useState是基于useReducer實(shí)現(xiàn)的戚嗅。其reducer函數(shù)為： Mount階段 useState的這個(gè)階段和useReduc...
-
useReducer - React源碼解析（七）
本文將講解useReducer鉤子的實(shí)現(xiàn)。useReducer可以看做一個(gè)輕量級(jí)的Redux版本，也是useState鉤子的基礎(chǔ)懦胞。 Mount階段 在這個(gè)階段: useRed...
-
-
useRef - React源碼解析（六）
本文將講解useRef鉤子的實(shí)現(xiàn)医瘫。useRef應(yīng)該是所有的Hooks中最簡(jiǎn)單的一個(gè)了侣肄。 Mount階段 在這個(gè)階段旧困，useRef和其他Hook一樣創(chuàng)建一個(gè)Hook對(duì)象醇份，然后創(chuàng)...
-
React Hooks的使用限制
React Hooks的使用限制 只能用于函數(shù)組件或自定義Hooks中 不能寫在條件語句中 不能寫在函數(shù)組件或自定義Hooks中的函數(shù)中
-
useCallback - React源碼解析（五）
本文將講解useCallback的源碼實(shí)現(xiàn)。useCallback是也一個(gè)非常簡(jiǎn)單的鉤子吼具，其實(shí)現(xiàn)比useMemo還要簡(jiǎn)單僚纷。 Mount階段 在這個(gè)階段中，主要完成hook實(shí)例...
-
一個(gè)處理React頁面的小技巧 - PreProcessor組件
一般每個(gè)頁面都會(huì)處于這三種狀態(tài)中的一種： 加載數(shù)據(jù)中 發(fā)生錯(cuò)誤 正常頁面渲染因此拗盒，定義一個(gè)統(tǒng)一的處理方法是非常有用的怖竭。以前有一種處理錯(cuò)誤的做法是統(tǒng)一在接口層處理，只是這種處理...
-
設(shè)計(jì)一種自適應(yīng)的React卡片列表組件
本文介紹一種用React實(shí)現(xiàn)的自適應(yīng)的卡片列表組件陡蝇，該組件根據(jù)卡片的寬度與間隔自動(dòng)適應(yīng)不同容器的寬度對(duì)卡片進(jìn)行排列痊臭。 接口設(shè)計(jì) 實(shí)現(xiàn)邏輯 根據(jù)當(dāng)前瀏覽器情況計(jì)算出卡片和卡片間...
-
react-fo - 這是我寫的第一個(gè)React框架，不可復(fù)制這是一個(gè)佛系的React框架登夫。它只遵循兩個(gè)原則： 它是一個(gè)React框架 處處不堅(jiān)持广匙，事事隨大流 This is a React framework for the Budd...
-
如何安全打開外鏈接
Coding時(shí)出現(xiàn)一個(gè)錯(cuò)誤： 原因是：為了防止釣魚事故，我們需要將外鏈中的window.opener置為null恼策。 方法一： a標(biāo)簽設(shè)置target="_blank"屬性時(shí)鸦致，...
