工具库
文章平均质量分 76
整理使用过的工具库实现常见功能的一些细节
nuise_
这个作者很懒,什么都没留下…
展开
-
react query 学习笔记
中正在挂载的组件进行重新获取操作,如果组件被卸载(比如离开了当前页面组件等),并不会执行上述操作。, 只记录工作中使用到的主要功能,在使用中会不断更新,关于返回值等具体参数可以通过打印返回值查看。在内部基于查询键值来管理查询缓存,可以理解为依赖,如果依赖变化那么会重新发送查询请求。去查找状态树中是否有可用的数据,如果有则直接返回,否则则会发起请求,并将请求结果以。,比如在获取用户数据时,为了UI不那么难看,可以先默认展示一个占位头像。的组件挂载时②当用户将浏览器重新聚焦,切换到前台时③网络从离线到上线。原创 2024-04-10 23:10:49 · 1071 阅读 · 0 评论 -
antd table 中列内容为一组tag,tag个数自适应显示,当列宽不够时省略(+X)显示,hover时获取到隐藏的tag。
有一个问题是上述思路宽度是固定的情况,在这里也就是表格初始化的时候。但表格是自适应的,列宽可以改变。因为没有办法监控表格什么时候触发自适应,或者说获取这一列的宽度过于麻烦,所以最后采用两个组件的结合实现。的hash值选中了局部组件,其实这里的全局修改还是局部修改的。,比较每一个tag距离顶部的距离来判断是否放不下。模式选择多选,最大的tag数选择自适应。设置如果超出的省略显示,其参数。是封装好的组件,功能大概是如果。组件的样式,首先局部引入样式(标签,当列宽放不下时,省略。显示省略tag的内容。原创 2024-03-27 14:30:41 · 769 阅读 · 0 评论 -
element-ui 合并表格行
element-ui提供的方法直接返回的是合并的行和列,所以我们需要一个方法来计算合并的行。由于element一行一行渲染,在渲染的时候调用合并函数,所以数据最好以一行一行的格式准备。相同的列需要合并(这里的数据是有序的,id相同的挨在一起)假设后台传过来的数据是以下的格式,就需要对数据进行。动态获取数据后,将ID相同的行,ID合并成一个。首先需要明确的是哪些行的第一列需要合并?原创 2023-07-27 15:02:36 · 1311 阅读 · 0 评论