实际项目遇到的问题

前言 公司用的 react + antd 的技术栈。因为antd自带的组件并不是很灵活。所以团队封装了了类似FormItem表单项的组件，方便使用。 比如，公司有下面的交互 这个页面，有一个渠道表单项

前言 之前公司的业务涉及树节点key不唯一的树，之前写过一篇文章记录 # 多维度子树、树节点key不唯一的Tree组件封装 这个业务的树结构在前端处理后如下： 我们可以看到，A树下面有个节点C，H树下

前言 公司OV系统的Table有时列表项很多，并且公司除了研发的电脑屏幕比较小，一个table有时只能展示2、3行，所以封装了可配置的组件TXTable 功能点 可手动配置columns列展示隐藏哪些

实际项目中比较常遇到树相关的处理，所以记录一下。 主要是下面几个功能 数据源转换成指定树结构 （目前数据源都是数组树） 模糊查询树 (根据节点名称） 查找指定key节点 查找指定key节点的父节点路径

队列方式 原理： 按照请求发起顺序入队 通过 isProcessing 标志防止并行处理 适用场景： 需要严格控制请求顺序（比如支付流程） 缺点： 但是这种方式有个缺陷，如果当前请求很费时间，后续还存

前言 偶遇抽象屎山，强如薪王，觉醒魂5记忆，拼尽全力，勉强战胜。 业务组件优化 这里举两个列子 下拉框优化V1 在后台项目中，一个页面由 搜索框 + table 组成，而搜索框里面存在Select，而

前言 业务需要有个弹窗 左侧 tree 展示。 左侧 tree 模糊搜索，并且高亮匹配的节点。 左侧 tree 节点选择时，一并勾上相同key的节点。并且，父子节点不联动选择。 右侧回显选择结果时，去

前言 公司的项目使用的都是 react + ts + mobx + antd 的技术栈，每次搞新组件或者重构组件的时候都要重复新建文件夹，比较麻烦，而且每个人的代码风格、习惯也有差异。所以搭建一个快速

背景 公司的广告位功能，目前有两种广告位方式 点击广告位，弹出微信小程序弹窗 点击广告位，直接跳转到接口返回的url地址 在封装过程中，wx-open-launch-weapp 这个标签的样式不好调整

场景 点击下载按钮 调接口，获取对应音频文件的下载url地址 再将 url 和 文件名拼接，即： 以上情况在Safari浏览器打开，会出现中文乱码问题 解决 将 url 转 blob，创建 a 标签，

现象 当我在调接口后，使用 copy-to-clipboard 去复制接口返回的链接时，会弹出上面的弹窗 但是直接使用 copy 复制一个常量，就不会弹 原因 copy-to-clipboard 有一

前言 最近公司有个需求，大致概括为如下： 在一个编辑框内，新增某个特殊展示的内容(这个内容由JS手动创建标签) 然后鼠标移到这个特殊内容上时，显示 Tooltip 效果 一个编辑框内可能有多个特殊内容

前言 今天实际项目有个需求，需要由前端来实现简单树形数据的模糊搜索功能，需求是这样的，简单描述下需求内容： 思来想去，最后用了递归 + includes模糊查询 的方式来实现的。特地记录一下 代码实现