vite4+react18+ts+antd5
基于vite4从零开始搭建前端开发项目
web前端进阶者
资深前端开发工作者
展开
-
AntDesignReact提示key重复解决方案
在使用antd树形组件的时候,有时候会存在挂载相同的账号,相同账号的id是重复的,组件直接就不能用了,所以查找论坛,发现可以使用这个插件解决;原创 2024-04-29 17:16:29 · 632 阅读 · 0 评论 -
react-virtualized-auto-sizer中display为none子组件清空
react-virtualized-auto-sizer插件一般用来和react-window,配合使用,react-virtualized-auto-sizer负责获取,父元素的宽度和高度,传入到List中,但实战时,往往有些列表用到了隐藏显示, 比方说disabled:none;当使用disabled为none时,react-virtualized-auto-sizer会移除子元素;当返回时,元素会重新渲染,滚动条也会滚到顶部;原创 2024-04-03 10:25:54 · 468 阅读 · 0 评论 -
dayjs常用指定时间
使用antd时间组件离不开dayjs,下面是总结的一些dayjs常用的方法;原创 2024-04-01 09:49:42 · 177 阅读 · 0 评论 -
antd5自定义大屏组件样式
最近在做大屏项目,颜色都是偏蓝的,antd默认的白色主题和黑色主题无法满足我的业务需求,自定义的话antd5有好多token一时摸不着头脑,最终尝试后留下了几个关键token可以达到效果;特意记下来,分享给需要的小伙伴;原创 2024-03-22 09:24:58 · 452 阅读 · 0 评论 -
Vite4配置环境变量
Vite4项目终于上线了,区分环境打包肯定绕不过,刚好最近要上线了,记录下环境配置方法;原创 2024-02-23 16:56:10 · 526 阅读 · 0 评论 -
react18加antd新手上路使用
第一次使用react和antd组件库,记录过程中实用的几个组件和使用方法;原创 2024-02-20 13:36:33 · 567 阅读 · 0 评论 -
react18虚拟滚动列表
不依赖第三方,借用react18api和原生JS实现一个虚拟滚动列表,如果你的项目比较小,又不想引入第三方的框架,可以拿去用;原创 2024-02-18 10:07:11 · 649 阅读 · 0 评论 -
react18初学者实用方法
从VUE3突然使用React,虽然知道要做什么,但却不知道怎么使用React编写,现在已经很熟练的使用了,总结几个比较实用的给初学者;放心学习没副作用;原创 2024-01-16 13:58:55 · 411 阅读 · 0 评论 -
react18封装betterScroll2.5
最近用到了下拉刷新,所以尝试了下使用betterScroll2.5,封装了一个插槽组件,也是第一次使用react,基于当时的知识写的,反正能用,如果有更好的方法封装欢迎同学给予帮助;原创 2024-01-15 09:27:20 · 465 阅读 · 0 评论 -
react使用react-window虚拟滚动实战
react-window插件一般用来和react-virtualized-auto-sizer配合使用,react-virtualized-auto-sizer负责获取父元素的宽度和高度,传入到List中,但实战时,往往有些列表用到了隐藏显示, 比方说disabled:none;当使用disabled为none时,react-virtualized-auto-sizer会移除子元素;当返回时,元素会重新渲染,滚动条也会滚到顶部;备注:如果是’visibility: hidden;原创 2024-01-12 09:14:34 · 1071 阅读 · 0 评论 -
ReduxToolkit解决redux不能使用class创建对象
报错:A non-serializable value was detected in the state原因:一般来说,React 和 Redux 应用程序应该使用纯 JS 对象和数组作为数据来编写,要使用"模型类class{}"原创 2024-01-10 09:07:08 · 944 阅读 · 0 评论 -
redux持久化缓存redux-persist
【代码】redux持久化缓存redux-persist。原创 2024-01-09 10:26:44 · 617 阅读 · 0 评论 -
react使用hooks自定义插槽拖动组件
【代码】react使用hooks自定义插槽拖动组件。原创 2024-01-08 10:15:31 · 626 阅读 · 0 评论 -
vite4加react18加ts-hooks学习篇
vite4加react18加ts-安装篇;最近从vue3转型学习了,react相关技术架构,去有意识的去学习了相关东西,内容比较实用,没有引入太多原理和概念,就是最直接最实用的记录下来;原创 2024-01-03 10:04:29 · 1242 阅读 · 0 评论 -
vite4加react18加ts-样式隔离篇
vite4加react18加ts-安装篇;最近从vue3转型学习了,react相关技术架构,去有意识的去学习了相关东西,内容比较实用,没有引入太多原理和概念,就是最直接最实用的记录下来;原创 2024-01-02 15:41:00 · 466 阅读 · 0 评论 -
vite4加react18加ts-状态管理篇
vite4加react18加ts-安装篇; 最近从vue3转型学习了,react相关技术架构,去有意识的去学习了相关东西,内容比较实用,没有引入太多原理和概念,就是最直接最实用的记录下来;原创 2023-12-28 14:45:59 · 449 阅读 · 0 评论 -
vite4加react18加ts-路由缓存方案篇
vite4加react18加ts-安装篇; 最近从vue3转型学习了,react相关技术架构,去有意识的去学习了相关东西,内容比较实用,没有引入太多原理和概念,就是最直接最实用的记录下来;原创 2023-12-28 14:45:10 · 688 阅读 · 0 评论 -
vite4加react18加ts-路由篇
vite4加react18加ts-安装篇; 最近从vue3转型学习了,react相关技术架构,去有意识的去学习了相关东西,内容比较实用,没有引入太多原理和概念,就是最直接最实用的记录下来;原创 2023-12-27 10:09:21 · 523 阅读 · 0 评论 -
vite4加react18加ts-安装篇
vite4加react18加ts-安装篇;最近从vue3转型学习了,react相关技术架构,去有意识的去学习了相关东西,内容比较实用,没有引入太多原理和概念,就是最直接最实用的记录下来;原创 2023-12-27 10:07:04 · 443 阅读 · 0 评论