GuoTeng

Ref 和 useRef ref 可以由 useRef 或 createRef 函数创建。 ref 用于引用 DOM元素 / 组件，或数据 使用（DOM元素 / 组件） r...

背景 很多文章说state和props变化会触发组件重新渲染，最近在总结useRef的用法，发现ref当作props传入子组件时，子组件并未重新渲染，故研究了下React组...

背景 业务出现线上bug，但因业务复杂性，线下不能复现。线上代码被压缩混淆，也不能通过source进行线上调试。 目标 实现目标环境的本地代码调试，对线上bug进行快速定位...

基本用法 useMemo useMemo() 返回的是一个 memoized 值，只有当依赖项（比如上面的 a,b 发生变化的时候，才会重新计算这个 memoized 值）...

useEffect的执行时机 默认情况下，effect 在第一次渲染之后和每次更新之后都会执行，也可以是只有某些值发生变化之后执行，重点在于是每轮渲染结束后延迟调用（ 异步...

前置知识 NVM：nvm是一种用于管理设备上的Node版本的工具。 NRM：nrm 是一个npm源管理器，允许你快速地在npm源间切换。 安装nvm 由于网络原因，curl...

前置知识 iterm2是什么 iTerm2是MAC下最好的终端工具，可以平替Terminal。 oh-my-zsh是什么 zsh、bash、csh等都是常用的shell，一...

useState 基础用法 setState设置新值，并触发render。 setState传入相同的值，不会触发render。和类组件的setState保持一致。 ini...

问题场景 获取url传递参数，参数值带有中文，如url?name=张三，js获取后出现乱码。 问题分析 浏览器对url自动进行编码，获取中文需进行解码，采用decodeUR...

背景 前端新版本上线后，部分用户打开页面有缓存，访问到旧页面，需清理缓存才可访问到最新资源。 问题分析 缓存有浏览器缓存和服务器缓存，最简单的解决办法是强制不使用缓存，但会...