<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[KisJLLLLLL的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/KisJLLLLLL</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; KisJLLLLLL]]></copyright><item><title><![CDATA[根据fullcalendar实现企业微信的拖动式预约会议]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/151148697</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/151148697</guid><author>KisJLLLLLL</author><pubDate>Wed, 03 Sep 2025 14:45:10 +0800</pubDate><description><![CDATA[摘要：本文介绍了一个基于@fullcalendar/react的周视图会议室预约系统实现。系统主要功能包括： 按周显示7天日程，默认从周一开始 支持周导航（上一周/下一周/本周） 禁用过去时间段的预约 点击时间段弹出预约窗口 检测时间冲突 使用dayjs处理日期时间 响应式模态框定位 中文化日期显示（周一至周日） 关键技术点包括FullCalendar初始化、日期选择器集成、事件冲突检测和动态条件过滤查询。系统通过React Hooks管理状态，实现了日历视图与数据筛选的联动。]]></description><category></category></item><item><title><![CDATA[基于moment和react把一年拆分成n个周，并且计算后自动滚动聚焦到某个周]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/151072168</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/151072168</guid><author>KisJLLLLLL</author><pubDate>Mon, 01 Sep 2025 15:28:45 +0800</pubDate><description><![CDATA[该代码实现了一个基于Ant Design Timeline组件的周数时间轴功能。主要特性包括：1) 获取全年52周数据并显示；2) 根据当前日期自动滚动到对应周；3) 点击周数时可设置表单日期范围；4) 显示每周对应的数据统计量(total_count)；5) 当前选中周以绿色高亮显示。使用了moment.js处理日期计算，通过axios获取后端数据，并实现了响应式UI交互。]]></description><category></category></item><item><title><![CDATA[react中通过css进行一行四个每点击一次就向右平移一次的动画效果]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/137928774</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/137928774</guid><author>KisJLLLLLL</author><pubDate>Thu, 18 Apr 2024 17:17:39 +0800</pubDate><description><![CDATA[【代码】react中通过css进行一行四个每点击一次就向右平移一次的动画效果。]]></description><category></category></item><item><title><![CDATA[通过数组来遍历展示antd中的四个一组的走马灯]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/137928319</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/137928319</guid><author>KisJLLLLLL</author><pubDate>Thu, 18 Apr 2024 17:04:22 +0800</pubDate><description><![CDATA[【代码】通过数组来遍历展示antd中的四个一组的走马灯。]]></description><category></category></item><item><title><![CDATA[js字符串中用正则提取所有文字]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/137927991</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/137927991</guid><author>KisJLLLLLL</author><pubDate>Thu, 18 Apr 2024 16:54:23 +0800</pubDate><description><![CDATA[【代码】js字符串中用正则提取所有文字。]]></description><category></category></item><item><title><![CDATA[基于react的hooks搭建video.js观看视屏并增加相关配置并实时更新和禁止拖动快进和切换视屏倍速配置]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/137830828</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/137830828</guid><author>KisJLLLLLL</author><pubDate>Thu, 18 Apr 2024 16:49:15 +0800</pubDate><description><![CDATA[由于最近接了个项目里面需要观看视屏记录学分等功能，就想着用video.js来进行观看视屏，但是网上查询用到的都是原生的，这边来增加一个通过react hooks进行观看视屏的配置 ，并展示如何定时器更新并记录观看视屏的进度，并且阻止拖动进度条快进功能⬇️。判断当前看视屏的最大事件 接口获取，如果没有最大进度就为0，每次拖动获取当前时间，如果大于最大2，就表示快进了，回到当前的最大事件，如果不大于，并且当前时间大于最大时间，则把当前最大的时间设置为现在观看的时间。5秒实时更新的关键代码。]]></description><category></category></item><item><title><![CDATA[react中点击事件当作link直接触发后端返回的下载url]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/135286913</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/135286913</guid><author>KisJLLLLLL</author><pubDate>Fri, 29 Dec 2023 11:23:06 +0800</pubDate><description><![CDATA[在onClick事件中使用a标签的点击事件而不是使用history.push的好处是如果你进行history触发url，虽然可以成功但是会页面闪烁，当作跳转来然后下载之后返回，这样观感不好而且浪费性。]]></description><category></category></item><item><title><![CDATA[antdPro中EditableProTable可编辑表单编辑行配置可变下拉框选项和赋值其他字段]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/134784953</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/134784953</guid><author>KisJLLLLLL</author><pubDate>Mon, 04 Dec 2023 16:58:11 +0800</pubDate><description><![CDATA[EditableProTable根据上一个下拉框选择的人物来进行对后一个下拉框选项进行变更，并在选中某个人后通过接口对后面的两个字段进行赋值，一开始是准备在onChange中改变下拉框中的options配置，colums中的renderFormItem来自定义字段，并且在点击单位名称的时候来通过useMemo进行对负责人下拉选项的重新渲染，和在负责人中获取整个表单数据并且进行重新替换赋值。但是不同字段赋值是可以在columns中通过onChange中的hooks来进行双向绑定进行赋值。]]></description><category></category></item><item><title><![CDATA[antd的tree组件的使用与坑]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/133992101</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/133992101</guid><author>KisJLLLLLL</author><pubDate>Mon, 23 Oct 2023 16:07:36 +0800</pubDate><description><![CDATA[每次更新或者添加 重新加载子节点 异步加载会消失，我发现是因为重新设置了treedate，如果要整个树形结构重新加载，需要把选中节点的状态清空在设置，如果是子节点，要用组件自带的loadData函数来获取子节点下面的数据，重新设置treedate会自节点的异步加载会消失。由于没有找到文档中有操作状态的函数，这边我是使用挂载来清除状态。下面是整体代码，清空状态需要看个人项目需求在哪边加👇。]]></description><category></category></item><item><title><![CDATA[React中关于antd的RangePicker自定义清空]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/132849327</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/132849327</guid><author>KisJLLLLLL</author><pubDate>Wed, 13 Sep 2023 11:54:53 +0800</pubDate><description><![CDATA[【代码】React中关于antd的RangePicker自定义清空。]]></description><category></category></item><item><title><![CDATA[在设置antd-Mobile重的ImageViewer的前提下设置图片不可长按保存功能]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/132810745</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/132810745</guid><author>KisJLLLLLL</author><pubDate>Mon, 11 Sep 2023 15:59:20 +0800</pubDate><description><![CDATA[由于用户需要图片资料的保密性，让我在移动端禁用小程序自带的长按保存功能。]]></description><category></category></item><item><title><![CDATA[antd中上传组件获取到的file传到后端为uid而不是（二进制）的问题]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/132102617</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/132102617</guid><author>KisJLLLLLL</author><pubDate>Fri, 04 Aug 2023 13:41:49 +0800</pubDate><description><![CDATA[【代码】antd中上传组件获取到的file传到后端为uid而不是（二进制）的问题。]]></description><category></category></item><item><title><![CDATA[Promise.all通过分块来处理并发几千条接口导致的异常]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/132102412</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/132102412</guid><author>KisJLLLLLL</author><pubDate>Fri, 04 Aug 2023 13:36:38 +0800</pubDate><description><![CDATA[这里要避开两个坑，一个要在全局创造一个变量，来把获取到的推进去，如果放在函数内部，每次都会清空，另一个要把promiseall的接口先推到一个数组里面一起执行，不然会有问题。]]></description><category></category></item><item><title><![CDATA[react手写时间线组件]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131943758</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131943758</guid><author>KisJLLLLLL</author><pubDate>Wed, 26 Jul 2023 17:20:31 +0800</pubDate><description><![CDATA[【代码】react手写时间线组件。]]></description><category></category></item><item><title><![CDATA[ProFormUploadButton中的自定义受控组件fileList属性]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131848479</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131848479</guid><author>KisJLLLLLL</author><pubDate>Fri, 21 Jul 2023 11:41:23 +0800</pubDate><description><![CDATA[antdPro的ProFormUploadButton自定义数据回显，由于功能需求，需要通过接口获取已上传的文件，而且不是通过form包起来，所以initialValue是不可用的，所以我们需要通过fileList来进行数据回显。]]></description><category></category></item><item><title><![CDATA[React中的wangeditor富文本编辑器]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131726229</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131726229</guid><author>KisJLLLLLL</author><pubDate>Fri, 14 Jul 2023 16:22:21 +0800</pubDate><description><![CDATA[react中的wangeditor富文本编辑器，文件上传的相关配置]]></description><category></category></item><item><title><![CDATA[window.open携带对象传参并获取]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131706626</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131706626</guid><author>KisJLLLLLL</author><pubDate>Thu, 13 Jul 2023 16:58:02 +0800</pubDate><description><![CDATA[然后在获取的时候再将一整个对象或者数组转回来就可以使用了👇。所以我们可以通过将对象或者数组转字符串的形式携带上去。]]></description><category></category></item><item><title><![CDATA[React中Table数据导出文件]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131458824</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131458824</guid><author>KisJLLLLLL</author><pubDate>Thu, 29 Jun 2023 16:20:09 +0800</pubDate><description><![CDATA[在需求中，我们需要导出Table中的数据，并且可以全选和单选，这边导出的excel是通过后端返回给我的，接口仅作参考，可以做出适当改动。]]></description><category></category></item><item><title><![CDATA[Antd中Table的Columns快速搜索功能]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131458478</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131458478</guid><author>KisJLLLLLL</author><pubDate>Thu, 29 Jun 2023 16:15:52 +0800</pubDate><description><![CDATA[我们在搜索的时候一般用到的都是自己新建一个input框，来进行重新出发接口，但是我这边有一个需求，客户让我们写在Table表头中。]]></description><category></category></item><item><title><![CDATA[React通过年月日数量自动生成编号]]></title><link>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131413053</link><guid>https://blog.youkuaiyun.com/KisJLLLLLL/article/details/131413053</guid><author>KisJLLLLLL</author><pubDate>Tue, 27 Jun 2023 11:18:21 +0800</pubDate><description><![CDATA[由于两次写自动生成编号功能，这边写一个稍微全一点的。首先肯定是按照时间日期来进行生成拼写。]]></description><category></category></item></channel></rss>