递归渲染侧边栏 const renderNavItem = (item: NavItem) => { if (item?.children?.length !== 0) { return ( <S

前言我们经常使用的、封装的函数、组件可以发布到npm服务器上面去， 这样我们就不用在不同的项目写重复的代码了， 直接 npm i 安装引入 步骤1. 新建一个文件夹 2. 在文件夹执行 npm init 命令 这样就会

useBooleanimport { ref } from 'vue'; export const useBoolean = (initValue: boolean = false) => { const value = ref(in

Vuehook很多react hook我们可以直接拿过来改造一下用， 这里就不赘述了， 我们来实现一个 vue 的 useRequest 数据请求 hook， 基本仿照ahooks的配置和功能实现。 import { onMou

Vue3监听数组项变化 const value = ref(0) const value1 = ref(0) const dataone = reactive<unknown[]>([]) setTimeou

其他同事merge代码导致线上多次commit被覆盖前言： 其他同事merge代码导致线上多次commit被覆盖， 此时自己本地代码和线上代码差多个不同commit， 无法push，也无法pull。 因为线上与本地commit记录多

关于antd 日期组件设置中文不成功无论是组件自身引入还是 ConfigProvider 配置中文， 日期组件显示的还是英文。 最终找到了一种解决方案（antd v4） import { ConfigProvider } from '

antd ProBreadcrumb 阻止部分面包屑点击为什么要阻止点击？ 左侧导航栏一般分为多级， 多级的第一级是不存在的。 她只有自己的子集， 也只能显示自己的子集， 因此我们期望在点击第一级时， 不触发跳转。 c

取出一个值的所有类型type A = { name: string; age: number } type B = A[keyof A] // B类型是A的值的联合类型 函数传参方式传多个参数，并希望保持他们的顺序，可以写成数

data-setreact 自定义数据的方法 import React from "react"; export const DataSet = () => { const handelClick = (e: React.Mous

useDebounceimport { useEffect, useRef, useState } from "react"; // 新debounce的实现更倾向于原生js的debounce const useDebounce = &

改变this指向的三大方法原理都是在需要绑定的上下文中添加一个函数，执行函数，删除函数，返回结果。 call Function.prototype.xf_call = function (thisArg, ...args) {