- 博客(22)
- 收藏
- 关注
原创 Set对象的iterable接口
Set对象虽然是类数组结构,但本质上是键为索引的对象。需要注意的是,当使用双重循环且内层循环遍历Set时,会出现只遍历一次就停止的情况。这是因为Set的iterable接口只能被遍历一次,遍历后即被消费。因此,若要多次遍历Set结构,建议先将其转换为数组再进行遍历操作。
2025-11-18 14:58:38
65
原创 大厂面试题—自定义hooks
摘要:作者分享了对React自定义hooks的顿悟。起初不理解面试常问自定义hooks的意义,认为useEffect监听参数即可。后来在区分业务组件(纯展示)和功能组件(类似功能函数)时意识到:当功能组件无需展示时,正是使用自定义hooks的合适场景。这个认知突破让作者发现自定义hooks的使用原来如此简单。
2025-10-27 19:03:12
114
原创 useEffect监听问题
如果你使用useEffect(()=>{},[count]) 作为依赖,想让每一次count改变的时候都被监听,这时你可以声明const [count,setCount] = useState({data: 0})例如 const [count,setCount] = useState(0)但是基础类型的就会出现如果你setCount(0), 就不会监听改变的问题。如果你用useState声明了一个值,但是这个值是个基础类型,这样你更新的时候,指针变了,都会调用函数,避免不会调用的问题。
2025-10-14 15:13:51
212
原创 Form.List 动态渲染下拉框的内容
我在第三条的Form.Item里面写了函数 renderSelect( 传第一个下拉框的内容),第一个框的内容,可以使用 form.getFieldValue(“form.list的name",field.name, 第一个框的name) 其中 field.name是个数值型 ,我感觉类似于symbol 独一无二的标签这种。form是用Form的form属性接到的变量,一般由 const [form] = form.useForm()来生成。比如第一个框是A 那第三个框就要渲染A的下拉内容,以此类推。
2025-09-23 15:53:03
127
原创 无界wujie和$wujie,微前端框架之无界篇
相比于qiankun来说(已经两年没有更新开源版本了,不过好像最近又更新啦),无界显然要更加的年轻化,也更加的激进,直接采用了严格的iframe (乾坤采用的是HTML 沙箱以及js沙箱) 由于本身iframe就有穿透困难的问题,所以wujie在主应用与子应用互相切换的时候,要非常注意传值的问题,当然对于这一部分虽然折磨了我很久,但是我也发现了一些解决方法。作为目前微前端框架届的两个主力,乾坤微前端通常为众人所熟知,目前在我经历过的项目中,乾坤是使用率比较高的。我是使用window.d.ts 使用来声明。
2025-06-27 19:45:00
794
原创 平面结构改成树结构:(浅拷贝的应用)
本文介绍了使用JavaScript将平面数据转换为树形结构的方法。核心思路是利用对象引用特性,通过建立ID映射表快速查找节点,并通过父子节点引用关系自动构建嵌套结构。实现时无需递归,仅需两次遍历:第一次创建节点映射,第二次建立父子引用关系。这种方法的优势在于通过JavaScript的对象引用机制自动处理层级嵌套,实现简洁高效的数据结构转换。典型应用场景包括组织机构管理、菜单渲染等需要层级化展示数据的业务需求。
2025-06-10 17:46:12
355
原创 antd Table表格条件渲染问题
用来规定表格每一列的标头,和表格展示的字段,但是有的时候在复用的情况下,或者某些特殊的需求,比如打开固定开关才展示某些字段
2025-04-30 10:53:21
251
原创 Upload组件,props的ts类型问题 以及onSuccess方法
onSuccess:(response)=>{ console.log(response)} // response的类型是Record<string,unknown>一个是maxCount,限制上传数量,一个是onSuccess 用来接受上传接口返回的文件name和id,用来维护自定义的文件列表。rc-upload 这个组件库是antd自带的依赖,不需要额外引入,不知道为什么他本身没有兼容这两种type。今天碰到这么个场景,需要用到Upload的两个属性。但是这两个属性 分别在在。
2025-04-25 18:07:41
210
原创 前端做页面权限管理功能
这些都想通以后,你会发现还剩下三个问题,第一就是前端维护角色表的数据结构问题,你需要根据这个角色来渲染你的角色表,比较麻烦的就是数据联动的问题,比如你把某一个一级菜单下面的二级菜单的权限都关了,那肯定就要联动把一级菜单的权限也取消掉。这些问题都很简单,让后端反给你的数据里要返回对应页面的id就好了, 只要有这个id 你就渲染,比如超管才能看,那就是超管才有这个id 所有人都能看的话,那就是所有人都有这个权限的id的啦。emm 暂时说这么多,有想沟通的,可以私信我哈,改天在补充一下具体的代码。
2025-03-07 16:54:53
316
原创 为什么使用split(“\\n“)才能替换掉字符串中的\n
今天在处理字符串时遇到了一个小问题,想用split("\n")来替换掉字符串里的\n发现不生效。其他同类的字符可能会有同样的问题 比如大于小于号在用字符展示的时候,大家处理的时候一定要注意。但在这个上下文中,由于你是在指定分隔符,你实际上需要的是这个转义序列的字面量表示,即。是因为在字符串中,你需要两个反斜杠来表示一个实际的反斜杠字符,然后这个反斜杠与。时,实际上这个字符串内部只包含一个换行符,而不是两个字符。在字符串中被解析为一个字面量的反斜杠,随后紧跟的。的字符串,即你需要表示的是字符串。
2025-02-20 18:33:00
434
原创 ✖ Unexpected missing generic font family font-family-no-missing-generic-family-keyword
解决font-family-no-missing-generic-family-keyword 问题
2023-09-06 18:27:20
1141
3
原创 make deps和make 相关命令问题
前端执行make命令时可能会遇到很多问题如果你是mac 和 linux那你很幸运 基本不用太发愁 但是如果你是windows那你的安装之路遥遥无期了接下来我们一步一步来操作首先上下载地址官网的已经停止维护了,最新的在上面的地址 不过应该也很久没有维护了 如果有问题可以把网页截取一下 截止到download 几秒钟以后会自动下载打开并安装上面的exe,然后到你的cmd里去执行 gcc -v 看一下是否安装成功 只要没报错 或者没说不是一个命令 基本就可以了。
2023-07-12 18:01:52
461
1
原创 EditableProTable的自定义表格(renderFormItem参数)
setNumData():"" //这里可以不加 如果你的num 默认是有值的 你需要加上这里 ,然后将值传给setNumData 这样是为了避免用户没有输入,外部就拿不到你的初始值 ,项目的需求是点击操作栏的编辑按钮,有一个可编辑的表格,下面是官方的例子,表格实现功能是既可以通过表单中的某一个值来计算表单输入框中的项,又能通过用户自定义来输入。antd-pro有很多的问题,不得不用,但是出现问题文档又不全,不过还好react很灵活,闭包虽然可能会出现问题,但是测试全就可以了 放心大胆的使用吧。
2023-04-28 15:02:08
3387
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅