01 2022 档案
React Navlink 标签
摘要：在React 中，<Link>和<NavLink>都用来包裹<a>标签，拦截客户端向服务端发送的请求，在React-router 中自行添加/删改元素，实现SPA，Single Page Application 单页应用。效果类似VUE 中的<router-link>。 其中，<NavLink>更接
阅读全文
滚动条添加border-radius 圆角边框
摘要：使用两层元素，外层（wrapper）使用border-radius 和 overflow: hidden，内层使用overflow: auto;
阅读全文
useState vs useReducer
摘要：useState 多用于设置彼此之间没有关联的states，useReducer 多用于设置彼此之间有复杂依赖关系的states （例：从API获得的系列相关states）
阅读全文
依赖于prevState 的setState 赋值方式（特别是格式为对象数组时）
摘要：当state的变化依赖于prevState时，传入一个函数而不是新变量更合理。函数式传入的变量prevState ，React可以保证它的精确性（不会被setState 的优化方式折叠）。
阅读全文
处理reference type 的 useEffect dependency（通过useRef hook）
摘要：useRef hook包裹reference type时，可以避免每次re-render时变量被认为“不同”，从而触发useEffect hook的infinite loop
阅读全文
CSS filter 滤镜属性 invert 转换
摘要：CSS filter 滤镜属性（invert 转换）可以将黑白图片反色
阅读全文
sort 方法打乱数组（类似洗牌）
摘要：[1, 2, 3, 4].sort(() => Math.random() - 0.5)
阅读全文
分辨对象和数组数据类型
摘要：instanceof 方法，Array.isArray 方法
阅读全文
检测数组中是否含有 NaN 元素
摘要：数组的 includes 方法可以检测是否含有 NaN 元素
阅读全文
CSS 中设置100% Height 的背景色
摘要：CSS 中设置100% Height 的背景色，以React 项目为例子
阅读全文
npx 启动 JSON-server
摘要：npx 启动 JSON-server
阅读全文
URL 类和URLSearchParams 类获取query参数
摘要：分别介绍使用URL 类或URLSearchParams 类获取query参数的方法
阅读全文
lodash 方法记录
摘要：cloneDeep 深拷贝方法，isEqual 对象比较方法，flattenDeep 数组打平方法
阅读全文
intersectionObserver 类的使用（2）
摘要：intersectionObserver 类还可以用来设置类似“无限滚动”的效果（异步，无需点击）
阅读全文
intersectionObserver 类的使用（1）
摘要：JavaScript 的 intersectionObserver 可以用来异步监听目标DOM元素与祖先元素或视口（viewport）的交叉状态
阅读全文
利用闭包（closure）来记录函数被执行的次数
摘要：闭包中创建累加器并包裹函数，闭包内的私有变量可以统计函数调用的次数
阅读全文
