KarlFranz

this全局 // 全局作用域中的this指向window console.log("quanju ----> this", this); // Window 全局定义的函数this// 全局中定义的函数也指向window (无论

2023-06-09 this指向详解

this

设计模式发布订阅模式发布订阅模式维护一个事件池，事件池中包含多个事件队列 (数组形式)，发布消息时为指定事件队列发布消息 class Subscribe { constructor() { this.event = {

2023-05-24 设计模式

设计模式

vscode调试与log1.准备工作点击调试选择运行环境 (chrome 或者是 node) 注意：配置json文件时，端口号要和项目端口号一致，否则无法运行调试 2.开始调试断点调试：点击代码左侧的列就可以出现红色

2023-04-19 date

等待函数 function wait(ms: number) { // 这里是得以等待的主体 return new Promise<void>(function (reslove) { se

2023-03-23 func

函数

模版字符串原理之前我们都是使用字符串拼接的方式来写，这样稍不注意就会写错， es6新出了模版字符串，以 ``的形式，其中可以以${}的方式动态表示变量。 // 模版字符串 let name="张三",age="18"; let s

2023-03-08 date

sum up

获取随机数 1) 随机获取 x~y 之间的一个整数，其中 x 和 y 都是整数。通过分析，random() 乘以某个数 v1 再加上另一个数 v2 后再进行四舍五入，可获得 v2~v1+v2 之间的随机整数，由此可总结获取任意两个数

2023-02-16 date

date

解决eslint和prettier冲突原因：eslint格式化部分的规则和 prettier不兼容。 eslint-config-prettier + eslint-plugin-prettier。 eslint-config-pret

2023-01-23 杂谈

杂谈

杂谈动态绑定函数const hasEvents = mode === 'vertical' ? { onMouseEvent: (e: React.MouseEvent) => { handelMouse(e, true) } } &

2023-01-05 杂谈

杂谈

组件封装高亮关键词组件传入整段话和关键词, 返回带高亮的整段话 export const Mark = ({ name, keyword }: { name: string; keyword: string }) => {

2023-01-01 KarlFranz

组件封装

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

2022-12-07 KarlFranz

react-custom-hook-two

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

2022-12-02 KarlFranz

22-december-2th

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

2022-11-14 KarlFranz

使用json-server模拟登录接口