自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 antd组件Table表格实现懒加载

对Table表格实现懒加载,懒加载也称按需加载,初次渲染时只渲染部分数据,用户下滑到一定区域的时候再在请求下一页的数据。

2023-06-11 14:50:12 2452

原创 TypeScript基础知识--泛型

使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。

2023-06-04 15:34:18 167

原创 windows控制台cmd乱码解决方案

控制台中输入chcp 65001并回车将代码页编码改为 UTF-8,这样乱码问题就解决了。我们在cmd中执行命令的时候,有时候会出现中文乱码问题,我们可以使用chcp命令解决乱码。在控制台输入chcp命令可以查看当前代码页的编码是963(简体中文 GBK编码)

2023-05-28 16:05:44 1087

原创 react列表懒加载

在滚动事件中获取到滚动距离,并用滚动距离+可视区域高度=已渲染距离,请求数据的距离这里不采用下滑到当前数据最底部再请求,我们采用提前几条数据的距离进行请求。懒加载也称按需加载,初次渲染时只渲染部分数据,用户下滑到一定区域的时候再在请求下一页的数据。这里需要知道可视区域高度、每条数据的渲染高度、页面滚动距离、数据请求距离(n条数据*每条数据高度)第二步为滚动盒子绑定上滚动事件和ref(用于获取滚动盒子的滚动距离)第一步需要知道可视区域的屏幕高度、每条数据渲染时的固定高度,

2023-05-28 15:44:37 490 1

原创 antd Form表单给标题头添加图标或一些其他样式

给表单标题旁添加一个Icon图标并设置一个提示信息。用一个函数将你要设置的label样式进行一个封装。直接在Form.Item的label属性中添加。也可以直接在label中添加标签或组件。

2023-05-24 15:19:45 1759 1

原创 提交代码解决合并冲突

2、找到有冲突的地方,上方有四个选项看是保留哪一处代码还是都保留,两处代码旁都有此代码的名称(当前更改或传入的更改)根据你要保留的代码进行选择。选择选项保存后记得保存哦。注意:这一步也很重要,主要的是看自己修改冲突的时候有没有误修改的地方,造成项目无法正常启动,没有问题就提交代码。1、注意:冲突文件里,有冲突的代码可能不全,要注意查看,可能会在两处相邻的冲突中会缺少一些符号或者代码。在搜索中直接输入

2023-05-23 20:34:22 454 1

原创 VsCode / AntCode 中显示 .git 文件

AntCode和VsCode操作一样,也是在settings.json文件中配置显示、隐藏。需要那种文件显示就将配置改为false就可以了。点击设置界面右上角settings.json。在VsCode中点击左下角的设置。

2023-05-21 17:16:03 266 1

原创 git commitlint--报错

检查了冒号和空格是对的,但还是会检查出错误,后来询问大佬后才知道在项目的 .git 文件下加一个叫COMMIT_EDITMSG 的文件就可以继续提交代码了。今天在提交代码的时候,使用git commit的时候一直出现错误无法提交到本地库。但是之后提交有时又会出现报错,这个时候将这个文件删除并重新再创建就可以了。1、feat/fix 后面的冒号要是英文的冒号,不然会报错。2、冒号后面要加空格。

2023-05-21 11:24:50 532 1

原创 typeScript基础知识--函数

在TypeScript里,你可以把所有参数收集到一个变量里,剩余参数会被当成一个个数不限的数组,可以在函数体内直接使用这个数组,rest剩余参数是一个数组可以直接使用数组方法。函数类型包含两部分:参数类型和返回值类型,在 => 的左边(a: number, b: number)是参数类型,在 => 的右边number是返回值类型。不传undefined值,只传一个参数,会改变a的默认值,但b的必传参数没有,会报错。在所有带默认值的参数都是可选的,在调用函数的时候可以省略。注意:可选参数必须在必传参数后面。

2023-05-21 10:59:03 157 1

原创 TypeScript基础知识(一)--基础类型

在 TypeScript 中,任何类型都可以被归为 any 类型,任何类型都可以赋值给any类型。但是当直接对元组类型的变量进行初始化或者赋值的时候,需要提供所有元组类型中指定的项。如果没有明确的指定类型、typeScript会依照类型推论的规则推断出一个类型。元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。当一个函数没有返回值时,你通常会见到其返回值类型是。布尔类型有true、false两个值。是所有类型的子类型。联合类型表示取值可以为多种类型中的一种。

2023-05-20 18:26:27 286

原创 列表虚拟滚动

元素滚动时触发滚动事件 ,计算滚动的距离,用滚动距离/每条元素的高度并向下取整得出新的开始元素索引,用新开始元素索引+可视高度/每项元素高度并向上取整+多渲染条数得出新结束元素的索引,将新的开始结束索引更新到State。使用Ref绑定可滚动的盒子,将高度设置成可视区域的高度,并绑定滚动事件用于处理元素滚动时的数据变化。首先我们知道单个元素的高度、可视区域的高度、多渲染数量用于处理一些可见但不完全可见的元素。设置一个空盒子用于撑开外部盒子的高度,高度设定为每项数据高度的总和。

2023-05-13 21:38:17 122 1

原创 Taro安装及使用

Taro安装及使用

2023-05-07 13:24:20 2025 1

原创 antd的Table组件中使用Input组件框输入时会失焦

antd组件库的Table组件中使用Input组件输入时会造成失焦

2023-05-02 14:27:10 1673 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除