心悠魂然

摘要： import { fileURLToPath, URL } from 'node:url'; import { createRequire } from 'node:module'; import { defineConfig,loadEnv,splitVendorChunkPlugin } fro 阅读全文

摘要： //防抖 const debounce = (fn,t)=>{ let timer = null; let delay = t || 1000; return function(){ let arg = arguments; if(timer){ clearTimeout(timer); } tim 阅读全文

摘要： 一. 场景由于存在tab栏，当从查询页面点击列表进入详情时，需求是详情页都会新开一个tab，并缓存，tab中的切换不会重新加载详情页数据，但是关闭一个详情tab，再次从查询页点击这条详情数据时，是需要重新加载的。 二. 问题产生这就导致了一个问题，由于keepalive使用include或者excl 阅读全文

摘要： 一．配置原因 解决开发模式下跨域的问题。由于同源策略是浏览器端的限制，服务端向服务端发非同源请求是不会有跨域问题的，代理就是利用后者去解决跨域问题。 二．实现方案 在配置请求的时候，无需传server 原请求如下： static getUserInfo(payload) { return HttpU 阅读全文

摘要： 1.app.provide提供一个值，可以在应用中的所有后代组件中注入使用 2.app.config.compilerOptions.comments注释，默认生产移除注释 3.app.config.globalProperties一个用于注册能够被应用内所有组件实例访问到的全局属性的对象（谨慎使用 阅读全文

摘要： 自定义hook什么时候用，我理解为：当存在这么一个值，你需要在多个地方使用，这时候就可以将此值和它相关的处理逻辑提炼成一个自定义hook，并抛出此值。 形如：定义一个获取参数列表的自定义hook，并将得到的参数列表值存在dataTypeList。 由于各个页面获取的参数值都不一样，在没有抽离前，你需 阅读全文

摘要： 运用antd的form.setFieldsValue不会触发控件绑定的change事件，需要自行触发。 我的解决方案是，定义一个对象用来表示field字段值改变和其触发change事件的映射关系， 然后在执行form.setFieldsValue后触发遍历映射对象执行相应change方法，形如： i 阅读全文

摘要： 这里其实可以借助Antd级联选择器Cascader的功能实现 import { Cascader } from 'antd'; //正常而言级联选择还存在children属性，且值为Array格式 //我们只是想单纯一列下拉多选带勾选框，所以把children属性去掉即可 const options 阅读全文

摘要： 场景：react hook，ts，antd，lodash 问题：如下这段代码（简），意图是在输入框输入值搜索的时候请求后台数据，并得到数据渲染，为了防止输入还未键入完全就执行请求， 故加了lodash所提供的防抖方法，却发现此时效果却是延迟1秒后发了一堆请求，显然这样是行不通的 import _ f 阅读全文

摘要： 场景：在需要进行修改操作，给整个表单赋值时，在子组件中有依赖父级项如props.test，父级props.test被修改了 子组件： let [data, setData] = useState<array<any>>([]) useEffect(()=>{ //此处进行了一些初始化获取数据列表的操 阅读全文