<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[outstanding木槿]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_47305413</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_47305413]]></copyright><item><title><![CDATA[使Popconfirm包裹的Button有loading效果]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/163367597</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/163367597</guid><author>qq_47305413</author><pubDate>Wed, 30 Sep 2026 15:11:05 +0800</pubDate><description><![CDATA[目标需求：点击Popconfirm组件的弹窗里的【是】，外层Button展示loading核心底层常识先记住：Popconfirm 原生自动loading 只控制弹窗内部的「是」按钮，永远无法自动控制外层包裹的Button。外层Button loading 只能依靠 state 手动管控。]]></description><category></category></item><item><title><![CDATA[TypeError: Converting circular structure to JSON --＞ starting at object with constructor ‘Ua’]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/164480332</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/164480332</guid><author>qq_47305413</author><pubDate>Wed, 30 Sep 2026 11:17:52 +0800</pubDate><description><![CDATA[你尝试用把一个的对象转成 JSON，里面还包含了 DOM 元素（HTMLDivElement），JSON 不支持这种结构，直接报错。]]></description><category></category></item><item><title><![CDATA[浅拷贝 与 深拷贝]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/148652840</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/148652840</guid><author>qq_47305413</author><pubDate>Sat, 14 Jun 2025 16:14:59 +0800</pubDate><description><![CDATA[深拷⻉开辟⼀个新的栈，两个对象属完成相同，但是对应两个不同的地址，修改⼀个对象的属性，不 会改变另⼀个对象的属性。引⽤类型数据保存在堆内存中，引⽤数据类型的变量是⼀个指向堆内存中实际对象的引⽤，存在栈中。深拷⻉是递归拷⻉深层次，属性为对象时，深拷⻉是新开栈，两个对象指向不同的地址。浅拷⻉是拷⻉⼀层，属性为对象时，浅拷⻉是复制，两个对象指向同⼀个地址。引⽤类型对应的值存储在堆中，在栈中存放的是指向堆内存的地址。简单类型的值存放在栈中，在栈中存放的是对应的值。基本类型数据保存在在栈内存中。]]></description><category></category></item><item><title><![CDATA[用现实生活例子 通俗易懂的解释 JS中的原型和原型链]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/148477184</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/148477184</guid><author>qq_47305413</author><pubDate>Fri, 06 Jun 2025 18:45:21 +0800</pubDate><description><![CDATA[构造函数。]]></description><category></category></item><item><title><![CDATA[React-antd中 Input如何实现 动态搜索(联想搜索) 并高亮显示]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/147410735</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/147410735</guid><author>qq_47305413</author><pubDate>Fri, 25 Apr 2025 14:46:37 +0800</pubDate><description><![CDATA[debounce、filter、distinctUntilChanged、switchMap）几个方法来实现功能。2.  输入框搜索内容变化较快，需要保证展示的联想词都是 最新的输入内容所对应的联想词。3.  每当有新的请求时候需要及时取消掉现在正在进行的网络请求，以免网络资源浪费。1.  当输入内容发生变化时 立即发生网络请求 搜索关联词汇。4.  让用户输入的数据与后端返回的数据，呈现高亮显示。通过npm安装最新稳定版RxJS。]]></description><category></category></item><item><title><![CDATA[React中 点击事件写法 的注意（this、箭头函数）]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/147225722</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/147225722</guid><author>qq_47305413</author><pubDate>Mon, 14 Apr 2025 17:49:17 +0800</pubDate><description><![CDATA[在 React 中，onClick需要接收一个‌函数引用‌（即函数本身），而不是函数的执行结果‌onClick={函数}‌：传递函数引用，点击时执行。‌onClick={函数()}‌：立即执行函数，传递返回值（通常是无效的）。这里创建了一个新函数，点击时才会调用。]]></description><category></category></item><item><title><![CDATA[antd-Table组件表格，初次进来默认全部勾选]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/145878560</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/145878560</guid><author>qq_47305413</author><pubDate>Tue, 25 Mar 2025 18:01:03 +0800</pubDate><description><![CDATA[3、更新后的数据在rowSelection函数中赋值： selectedRowKeys: selectArr。id存在一样的情况，所以不能的单独用id作为唯一标识，可以用id和seq结合作为标识。下面这个的表格数据不同于上面，下面这个seq分两组，一组2025，一组2000。函数组件：1、声明一个空数组，存放勾选的唯一id值。2、onSelectChange函数中更新数据。]]></description><category></category></item><item><title><![CDATA[async/await：在前端开发中的应用]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/145617275</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/145617275</guid><author>qq_47305413</author><pubDate>Tue, 18 Feb 2025 11:56:23 +0800</pubDate><description><![CDATA[async、await 是 ES8（ECMAScript2017）引入的新语法，用来简化 Promise 异步操作。使用async和await可以让异步代码看起来几乎和同步代码一样，从而大大简化了代码的结构和可读性。你不再需要嵌套回调函数或链接多个Promise，代码变得更加直观和线性。async 用来声明一个 function 是异步的，await 用来等待一个异步方法执行完成。await 只能出现在 async 函数中。async 声明的函数，返回的结果是一个 Promise 对象。]]></description><category></category></item><item><title><![CDATA[antd的Table组件实现增加一行可编辑的单元格]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/145519307</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/145519307</guid><author>qq_47305413</author><pubDate>Mon, 10 Feb 2025 18:05:40 +0800</pubDate><description><![CDATA[/ 解释1：为什么e.stopPropagation() 阻止冒泡。关注表格，表格是可以左右滑动的，可以新增一行，新增的一行都是可编辑的单元格。一个页面上需要展示一个可编辑表格。这个页面就称它为父页面，表格为子页面。多个页面都需要使用这个表格，把这个表格做成了公共组件的形式。图2-没写e.stopPropagation()报错的定位。图1-没写e.stopPropagation()的报错。图3-写e.stopPropagation()]]></description><category></category></item><item><title><![CDATA[antd-react日期组件disabledDate不可选择的日期 （置灰）属性]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/145479593</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/145479593</guid><author>qq_47305413</author><pubDate>Sat, 08 Feb 2025 15:21:08 +0800</pubDate><description><![CDATA[原定结项时间表单里回显为2025-02-06，延期时间的选择范围要设置从2025-02-07开始选择包括2.7号的;2.7号之前的置灰，不可选择。]]></description><category></category></item><item><title><![CDATA[获取表单的值的方法]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/142965623</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/142965623</guid><author>qq_47305413</author><pubDate>Tue, 07 Jan 2025 11:40:57 +0800</pubDate><description><![CDATA[1、获取表单中所有字段的值你需要遍历FormData对象。然而，FormData对象没有直接的方法来一次性获取所有字段的值，因为FormData主要用于，而不是用于数据访问或操作。如果你需要访问所有字段的值，你可以使用FormData的keysvalues或entries方法来遍历数据（for...of）。这些方法允许你遍历FormData对象中的所有字段，并获取它们的名称和值。来获取表单中特定字段的所有值用来获取表单中具有相同名称（name属性）的字段的所有值。]]></description><category></category></item><item><title><![CDATA[JavaScript中的return你了解多少？]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/144074841</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/144074841</guid><author>qq_47305413</author><pubDate>Sun, 05 Jan 2025 16:57:26 +0800</pubDate><description><![CDATA[返回正确的处理结果。返回错误的处理结果；终止处理；阻止提交表单；阻止执行默认的行为。return把控制权返回给页面，不带返回值的return语句 随时终止函数的执行。每个函数都会返回一个值，没有使用return，或者使用了return但return后面没跟值时，函数都将返回undefined如果需要返回undefined以外的值，必须使用return，并指明返回的值在遇到异常情况或不符合条件时，立即返回并结束函数。event.stopPropagation() 停止函数执行并返回, 用来停止事件冒泡。]]></description><category></category></item><item><title><![CDATA[React中的合成事件]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/144828307</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/144828307</guid><author>qq_47305413</author><pubDate>Sun, 05 Jan 2025 15:58:13 +0800</pubDate><description><![CDATA[原生：onclick      React的：onClick原生的是传入一个字符串，react写法传入一个回调函数原生：return false,    react中的：event.preventDefault()【 拓展：为什么需要绑定this 】button按钮编辑的过程：React.createElement()]]></description><category></category></item><item><title><![CDATA[react中实现拖拽排序]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/144700173</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/144700173</guid><author>qq_47305413</author><pubDate>Fri, 27 Dec 2024 19:27:26 +0800</pubDate><description><![CDATA[5.  右侧有数据时，点击"确定" 按钮，数据就会以字符串拼接形式回显到TextArea框里，以顿号(、)分割。3. 当table没数据时，会显示一个空数据的图标，把空数据图标隐藏起来：z-index: -2。相当于拖拽的table组件全部复制过来，然后主要改动是moveRow，和render里面的。3. 点击左侧某条数据，这条被点击的数据就会被添加到右侧。6. antd3里面的拖拽组件用的 react-dnd的。代码难免会涉及到业务需求，展示部分代码，全部复制不能实现效果，仅供参考。]]></description><category></category></item><item><title><![CDATA[在不合并单元格情况下，一个单元格并排展示多条数据]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/144737429</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/144737429</guid><author>qq_47305413</author><pubDate>Thu, 26 Dec 2024 15:11:53 +0800</pubDate><description><![CDATA[table表格页面，办理步骤、办理人这两列，像办理步骤会有多个值，但又不想单元格合并，多条数据展示在一个单元格内。像办理人这个，数据多还可以折叠/展开。部分代码，数据参数取用的是真实项目中的，仅供参考。关注“办理步骤”、“办理人”，这两列。]]></description><category></category></item><item><title><![CDATA[JS中for循环里的ajax请求不数据]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/144723979</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/144723979</guid><author>qq_47305413</author><pubDate>Wed, 25 Dec 2024 17:29:37 +0800</pubDate><description><![CDATA[for循环是单线程的，是同步的。把ajax变成同步的就可以了:                 async: false。在for循环里调接口，调接口的请求方式用ajax的写法，发现每次循环都会跳过ajax，导致获取不到接口数据。]]></description><category></category></item><item><title><![CDATA[JS实现自动循环滚动展示]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/144720591</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/144720591</guid><author>qq_47305413</author><pubDate>Wed, 25 Dec 2024 16:40:48 +0800</pubDate><description><![CDATA[...语法：...语法：...语法：...语法：语法：]]></description><category></category></item><item><title><![CDATA[JavaScript 中的 校验机制（如 手机号码、电话号码校验）]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/144700160</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/144700160</guid><author>qq_47305413</author><pubDate>Wed, 25 Dec 2024 10:18:56 +0800</pubDate><description><![CDATA[1(3|4|5|7|8)\d{9}$  或者 ^1[34578]\d{9}$ 或 ^1[34578][0-9]{9}$ 或 ^1[3,4,5,7,8][0-9]{9}$第一位是【1】开头，第二位则是【3,4,5,7,8】，第三位则是【0-9】，第三位之后则是数字【0-9】。4. [3457]匹配3或者4或者5或者7，而(3457)把3457这四个数当成整体匹配，若要跟前面一样可以加或(3|4|5|7)。5. [34|57]匹配3或者4或者|或者5或者7，而(34|57)匹配34或者57。]]></description><category></category></item><item><title><![CDATA[react+antd的Table组件编辑单元格]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/144684363</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/144684363</guid><author>qq_47305413</author><pubDate>Tue, 24 Dec 2024 18:09:57 +0800</pubDate><description><![CDATA[3. 有直接调接口默认回显数据、有Input输入框形式（当增加一行新的，默认显示图片2的效果。当选择了“纸质普票”，这一行就变成图3 的效果。当选择“纸质普票”以外的选项，又会变成图2 的形式。2. 当下拉选择的数据不同，展示出的第4567列也不同。4.  编辑好当前行，不保存无法再新增一行。代码仅供参考，里面涉及的业务逻辑可以忽略，可以看主要内容。第一列是下拉选择框，第2 3列是TextArea，图1。真实的业务需求（antd 3 版本+react）新增加一行，且单元格可以编辑。1. 默认增加一行时，]]></description><category></category></item><item><title><![CDATA[附件的上传和回显]]></title><link>https://blog.youkuaiyun.com/qq_47305413/article/details/143857058</link><guid>https://blog.youkuaiyun.com/qq_47305413/article/details/143857058</guid><author>qq_47305413</author><pubDate>Mon, 18 Nov 2024 18:11:03 +0800</pubDate><description><![CDATA[上传多个附件，supItemfileList存着多个附件的数据，如下图。根据你的业务场景不同，需要调试优化此代码。一个数组存着多个附件数据。]]></description><category></category></item></channel></rss>