KarlFranz

我的梦想
不是每个人都应该像我这样去建造一座水晶大教堂，但是每个人都应该拥有自己的梦想，设计自己的梦想，追求自己的梦想，实现自己的梦想。梦想是生命的灵魂，是心灵的灯塔，是引导人走向成功的信仰。有了崇高的梦想，只要矢志不渝地追求，梦想就会成为现实，奋斗就会变成壮举，生命就会创造奇迹。——罗伯·舒乐
                            
                            may21
                        
                                递归渲染侧边栏  const renderNavItem = (item: NavItem) => {
    if (item?.children?.length !== 0) {
      return (
        <S
                            
                                2024-05-21
                            
                                    date
                                
                            date
                        
                            如何发布自己的npm包
                        
                                前言我们经常使用的、封装的函数、组件可以发布到npm服务器上面去，

这样我们就不用在不同的项目写重复的代码了，

直接 npm i 安装引入

步骤1. 新建一个文件夹

2. 在文件夹执行 npm init 命令
   
   这样就会
                            
                                2024-03-03
                            
                                    npm
                                
                            npm
                        
                            vuehook合集
                        
                                useBooleanimport { ref } from 'vue';

export const useBoolean = (initValue: boolean = false) => {
  const value = ref(in
                            
                                2024-01-09
                            
                                KarlFranz
                                
                            vue
                        
                            vuehook
                        
                                Vuehook很多react hook我们可以直接拿过来改造一下用，

这里就不赘述了，

我们来实现一个 vue 的  useRequest  数据请求 hook，

基本仿照ahooks的配置和功能实现。

import { onMou
                            
                                2023-12-12
                            
                                    vue
                                
                            vue
                        
                            dec12th
                        
                                Vue3监听数组项变化  
  const value = ref(0)
  const value1 = ref(0)
  const dataone = reactive<unknown[]>([])
  
  setTimeou
                            
                                2023-12-12
                            
                                    date
                                
                            date
                        
                            dec4th
                        
                                其他同事merge代码导致线上多次commit被覆盖前言：

其他同事merge代码导致线上多次commit被覆盖，

此时自己本地代码和线上代码差多个不同commit，

无法push，也无法pull。

因为线上与本地commit记录多
                            
                                2023-12-04
                            
                                    date
                                
                            date
                        
                            nov11th
                        
                                关于antd 日期组件设置中文不成功无论是组件自身引入还是 ConfigProvider 配置中文，

日期组件显示的还是英文。

最终找到了一种解决方案（antd v4）

import { ConfigProvider } from '
                            
                                2023-11-07
                            
                                    date
                                
                            date
                        
                            sep25th
                        
                                antd ProBreadcrumb 阻止部分面包屑点击为什么要阻止点击？

左侧导航栏一般分为多级，

多级的第一级是不存在的。

她只有自己的子集，

也只能显示自己的子集，

因此我们期望在点击第一级时，

不触发跳转。

c
                            
                                2023-09-25
                            
                                    date
                                
                            date
                        
                            23-august-23h
                        
                                取出一个值的所有类型type A = {
  name: string;
  age: number
}

type B = A[keyof A]

// B类型是A的值的联合类型

函数传参方式传多个参数，并希望保持他们的顺序，可以写成数
                            
                                2023-08-23
                            
                                KarlFranz
                                
                            date
                        
                            23-july-13th
                        
                                data-setreact 自定义数据的方法

import React from "react";

export const DataSet = () => {
  const handelClick = (e: React.Mous
                            
                                2023-07-13
                            
                                    date
                                
                            date
                        
                            react-custom-hook-three
                        
                                useDebounceimport { useEffect, useRef, useState } from "react";

// 新debounce的实现更倾向于原生js的debounce

const useDebounce = &
                            
                                2023-06-26
                            
                                    custom-hook
                                
                            custom-hook
                        
                            原生方法2
                        
                                改变this指向的三大方法原理都是在需要绑定的上下文中添加一个函数，执行函数，删除函数，返回结果。

call    Function.prototype.xf_call = function (thisArg, ...args) {
  
                                2023-06-12
                            
                                    原生方法
                                
                            原生方法