KarlFranz

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

2022-11-09 KarlFranz

november-9th

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

2022-10-23 KarlFranz

react控制反转

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

2022-09-09 KarlFranz

react-fiber学习

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

2022-08-23 KarlFranz

react-custom-hook-one

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

2022-08-23 KarlFranz

august-23th项目总结

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

2022-07-10 KarlFranz

july-10th-report

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

2022-07-04 KarlFranz

july4th项目总结

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

2022-06-30 KarlFranz

june30项目总结

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

2022-06-04 KarlFranz

鼠标是否在元素中

关于地区联动/** * * 接口会提供两个接口，一个查询州，另一个接口用州的item 的code 请求每个州下面国家、 * * 省、市、的数据 * * useRegion * */ import {useState, useEffect

2022-06-04 KarlFranz

地区联动

新版 Axios 封装import axios, {AxiosRequestConfig, Method} from 'axios'; import {message as AntdMessage} from 'antd'; import

2022-06-04 KarlFranz

axios封装new

uniapp问题总结引入u-view1. 安装：选择HBuilderX -----> 工具 -----> 插件市场 -----> 搜索u-view UI, 选择用HBuilderX安装。安装完之后将uni-mo

2022-04-30 KarlFranz

uniapp问题总结