- 博客(14)
- 收藏
- 关注
原创 axios获取Content-Type为image/jpeg类型的数据并显示
需要指定responseType,否则axios会默认为json。接着用URL.createObjectURL转一下即可。然后传值给img标签。
2024-06-14 11:43:04 287
原创 前端实现网络请求进度条显示
前端可以通过 onprogress 事件来实现文件上传时的进度显示,但这仅限于在前端层面监控到从客户端到服务器的请求进度,而不是后端处理该文件之后可能发生的其他操作(例如进一步存储到数据库或云存储服务)的进度。
2024-03-14 11:09:32 698
原创 @microsoft/fetch-event-source实现sse流式功能
普通sse是get请求,但是当请求要有token鉴权操作的时候,将token放到请求头并不合理,于是乎有了通过post实现sse的方案。用法很简单,注意事项我都在注释上备注好了。
2024-03-12 19:31:52 1412 2
原创 ali-react-table树形选择根据checkStrictly显示不同的选择框
ali-react-table的树形选择没有区分选择框的样式,即无论checkStrictly值为true还是false,选择框一直都为CheckBox,产品希望当父节点和子节点独立管理时,选择框能变成Radio组件。看了源码,树形选择被写死用的是CheckBox组件,未提供参数对其进行替换,于是第一个方案便是在column自定义一列显示Radio,但由于是树形结构,展开按钮会在Radio左边,产品不接受这种设计。用户可以通过Switch开关组件切换ali-react-table的树形选择框是否级联。
2024-03-11 17:47:24 399
原创 Antv G6实践记录
nodes: [x: 100,y: 200,// 该节点可选的连接点集合,该点有两个可选的连接点[0, 1],[0.5, 1],],},],edges: [// 该边连入 source 点的第 0 个 anchorPoint,// 该边连入 target 点的第 0 个 anchorPoint,style: {},},],
2024-03-11 16:38:44 977
原创 react封装记录用户页面停留时长hook:usePageStayTime
上报逻辑browsePageViewReport方法就各个项目自己自定义了。改为通过mousemove判断,鼠标移动代表用户确实在操作本页面。记录用户页面操作时长,并埋点上报。
2024-03-11 16:31:36 697
原创 前端实现识别并下载markdown文本中格式为Table的数据
MarkdownIt.render方法能将 markdown 字符串转换为 HTML,很牛逼,然后再通过html去截取table。在一串markdown文本字符串中,若存在table格式的数据,显示下载按钮,点击可将数据下载成excel格式。一开始打算用正则去命中,但是用正则匹配容易漏掉某些特殊情况。
2024-03-10 16:14:26 520
原创 ice2迁移ice3实践记录
ice2迁移到ice3时会有一些变化的地方,下面几点是我在迁移过程中遇到的一些改动点。不建议在layout添加,会有重复跳转问题。
2024-03-10 16:01:30 350
原创 前端实现搜索历史缓存
将搜索历史缓存至localStorage中,以USER_ACCOUNT作为用户区分。setHistoryItems在input框onChang时传入value值。historySearch用于页面渲染用户的历史搜索。
2024-03-10 13:39:10 454
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人