沉默的大橘

记录一个问题 业务场景： input输入框要求仅输入数字，可是唤起手机键盘时，输入法先输入字母（这个时候输入的内容在输入法上预览）再输入数字时，input输入框内数字就会变多，且maxlength属性

和forwardRef类似，forwardRef是把子组件dom元素暴漏给父组件 useImperativeHandle是子组件将自身的方法暴漏给父组件 当我们在父组件中想调用子组件的方法时，可以这么

使用说明： 使用ref暴漏dom节点给父组件 使用场景： 在父组件中想去拿子组件的dom元素....

作用： 允许组件props没有变化的情况下跳过渲染 react组件的默认渲染机制： 只要父组件重新渲染，子组件就会重新渲染 举个栗子 此时，父组件更新重新渲染，子组件不会重新渲染

场景： 点击复制按钮，复制图片，可以粘贴在别处（比如微信，钉钉） 其实就是鼠标右键图片，点击复制图片的简化操作，两步变一步。 话不多说直接上代码 使用方式

写日历需要注意的两个问题 每周从周几开始，从周日开始还是从周一开始，像苹果上的日历就是从周日开始 从图上看出，不管是从哪天开始，整体的顺序不变 ，这个情况和无缝滚动的组件很像，内容滚出到视图外，自动补

```js document.onmouseup = function(e){ const e = e || window.event; const point = e.target || e.src

作用： 组件每次重新渲染的时候缓存计算的结果 使用场景： 消耗非常大的计算时 举个栗子： 有count1,count2，只想在count1变化时，才执行fn，看代码 上面代码，不管是点击count1还

useReducer 是 React 提供的一个 Hook，用于管理组件的状态逻辑。它可以更好地处理复杂的状态管理需求，尤其是当状态之间存在依赖关系、需要多个状态合并处理、或者状态逻辑变得复杂时。 u