- 博客(13)
- 收藏
- 关注
原创 antd组件Table表格实现懒加载
对Table表格实现懒加载,懒加载也称按需加载,初次渲染时只渲染部分数据,用户下滑到一定区域的时候再在请求下一页的数据。
2023-06-11 14:50:12
2452
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人