useSync简介 一个仿 react-query 的数据请求 custom-hook。 根据数据的请求情况分为了请求中、成功、失败等几种状态， 可以直接拿里面的状态去做一些页面上加载中、给出错误信息等的优化，

try catch 是否能捕获异步的错误// try catch 是用来捕获异步错误的 // 但以下代码却能捕获异步错误 const handelSubmit = async ({ cpassword, ...values}: {use

创建中间件文件 middleware.js// white node.js module.exports = (req, res, next) => { if (req.method === "POST" && req.

函数中执行异步操作/** 我们经常需要执行异步操作，但直接让执行函数变成一部函数， 恐对其他语句造成影响， 于是采用以下方式， 单独抽离异步操作 */ const handelchange = () => {

react控制反转一种减少子组件重渲的性能优化的手段// 先来看父组件重渲子组件也重渲的方式 // 这种方式 count 每加一次 父组件和子组件都会重渲 import { useState } from "react" const

React Fiber 学习心得React为什么要使用fiber？React 15 使用深度递归来更新dom， 由于递归执行一旦开始就无法中断， 当层级很深时， 用户交互就会卡顿。 甚至失去响应。 Fiber的作用同步更新变为可中

react custom hookuseBooleanimport {useState, useCallback} from 'react'; type BooleanHook = [boolean, () => void, () =>

项目总结前端复制插件import copy from 'copy-to-clipboard'; // 复制事件 放入copy函数即可复制成功 handleCopy = text => { if (copy(text)) {

July 10th report关闭浏览器安全策略mac 新建一个 ChromeDevUserData 文件夹， 再打开终端输入以下命令。 open -n /Applications/Google\ Chrome.app/ --arg

无效数组更新在react中我们经常会使用map循环对比来更新数据，以完成前端更新。 注意：使用循环通过下标或是key的方式确定变更的元素完成重新赋值，这种方式视图将不会更新! 你必须改变数组空间地址。 https://oboh

指定 input Event类型// React.ChangeEvent<HTMLInputElement> <Input value={addName} onChange={(e: Rea

鼠标是否在元素中/* * getBoundingClientRect * * getBoundingClientRect()方法用来获取页面中某个元素的左、上、右、下分别相对浏览器视窗(例如：元素 * * 左边距离浏览器最左边的距离的位置，