- 博客(58)
- 收藏
- 关注
原创 antd中Select大数据分页触底刷新处理优化
antd中Select大数据分页触底刷新处理优化 今天遇到一个需要模糊查询并且总量上万条的下拉框,如果一次性怼上去上万条,会造成浏览器卡顿。所以这边采用后端分页,前端触底加载刷新的方式去优化这个模糊查询。平时使用antd中Select的下拉一般就几十几百条,这时候直接使用组件模糊查询就能实现大部分业务场景需求。
2024-06-27 16:46:56
330
原创 Antd中使用Select框 在点出弹出下拉列表后 鼠标移到外面滚动会导致下拉框位置偏移
Antd中使用Select框 在点出弹出下拉列表后 鼠标移到外面滚动会导致下拉框位置偏移注意,如果发现下拉菜单跟随页面滚动,或者需要在其他弹层中触发 Select,请尝试使用。将下拉弹层渲染节点固定在触发器的父元素中。
2024-02-01 11:29:16
665
原创 前端使用Antd中Upload组件上传获取图片base64值
前端使用Antd中Upload组件上传获取图片base64值在beforeUpload事件中获取base64。
2024-01-30 17:58:00
464
原创 Antd使用table同时使用scroll和fixed定位,滑动导致左右高度不统一
此问题可能在antd3.24.0版本之前都存在,反正3.16.2版本是存在这个问题的,如果是3.24.0之前的版本估计只能通过修改css样式解决。
2024-01-10 16:13:29
1116
原创 前端导出Excel文件,部分数字前面0消失处理办法
前端导出Excel文件,部分数字前面0消失处理办法 这种办法 虽然能解决0的问题 但是会发现Excel会自动识别后前面加一个' 不太美观 这时候还有一种办法。'会自动被excel过滤的,只是 说明这个单元格是字符串,不去掉首位0。如图本来字符串前面的0 都没了。
2024-01-10 11:32:15
1034
原创 前端使用高德api的AMap.Autocomplete无效,使用AMap.Autocomplete报错
前端使用高德api的AMap.Autocomplete无效,使用AMap.Autocomplete报错 重新看一遍文档,发现还是太心急了,很多问题其实文档里都写了,只是平时直接拿起来用,只看了那一段就会导致别的地方缺胳膊少腿。一开始使用遇到一个问题是,使用AMap.Autocomplete会报错。但是这时候问题又出现了,input框输入没有反应。
2023-12-28 16:09:07
2611
6
原创 前端react项目中使用高德地图JS-API,并设置初始化地图中心点和基点周边label文本提示
前端react项目中使用高德地图JS-API,并设置初始化地图中心点和基点周边label文本提示
2023-12-27 15:34:24
1045
原创 前端更新linux服务器上nginx包
更新一下现场环境的前端包通过运维给的vpn连接远程服务器linux上部署的docker服务器上nginx包linux上压缩zip包
2023-12-21 15:33:04
523
原创 前端实现一个时间区间内,再次单选功能,使用Antd组件库内日历组件Calendar
前端实现一个时间区间内,再次单选功能,使用Antd组件库内日历组件Calendar需求:需要先让用户选择一个时间区间,然后再这个时间区间中,让用户再次去单选其种特殊日期。思路:1.先用Antd组件库中日期选择DatePicker.RangePicker实现让用户选择时间区间2.在选择完时间区间后,用这个时间区间,弹出一个在这个时间区间范围内的日历组件Calendar3.通过Calendar组件(日历)的onSelect(点击事件)获得点击value,然后通过dateCellRender
2023-12-15 16:30:20
1058
原创 Antd中使用Table的rowSelection筛选功能,搭配检索选择需求实现
name: '数据一'}, {name: '数据二'}, {name: '数据三'}, {name: '数据四'}, {name: '数据五'}], // 列表数据temporaryData: [], // 暂存未被模糊查询前的数据集合selectedRowKeys: ['code3', 'code4'], // 默认选中项,现实情况一般由后端返回。
2023-12-13 17:59:34
935
原创 前端依赖报错npm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs.org/antd failed, r
今天重装新项目依赖出现问题npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!网上搜了很多解决方案问题出在 npm 的 registry 源。
2023-12-11 17:41:33
1222
原创 React使用Antd组件库的Select模糊查询多个值
首先,我们通过官方文档可以看到,控制模糊查询条件的属性是optionFilterProp。
2023-11-01 09:38:28
718
原创 CSS使用transform-origin,解决transform: scale()后导致的页面元素位置偏移
这时候使用transform-origin给一个0% 0% 上下,左右的偏移。这时候位置就回到了原先的定位。
2023-10-17 16:07:36
2035
原创 浏览器css字体大小font-size小于12px时不生效,总是 12px
chrome://settings/fonts 有一个“最小字体大小”的设置。这时候如果是谷歌浏览器 需要在去浏览器设置重新设置字体大小。发现字体到达12px之后 ,无论多少小都无法改变。今天遇到UI定义一个非常小字体的图。浏览器控制台定义8px依然无效。这时候吧设置拉到最小0就好了。
2023-10-12 17:47:59
651
1
原创 前端实现将echarts放入word文件中导出下载
在生成echarts图表时,将echarts的dom保存通过echarts文档的getDataURL生成图表的图片路径将图片路径放在img元素中,然后放入html中最后将html导出为word。
2023-10-08 19:27:47
435
原创 前端实现后端post请求返回的数据流下载excel显示无法打开,axiox请求封装加responseType属性
前端实现后端post请求返回的数据流下载,axiox请求封装加responseType属性记得加入 responseType: 'arraybuffer'
2023-08-02 12:07:00
1067
原创 React修改antd默认组件样式(:global使用)调整SubMenu框的ant-menu-submenu-arrow伪类元素
React修改antd默认组件样式(:global使用)调整SubMenu框的ant-menu-submenu-arrow伪类元素
2023-06-26 14:58:18
1039
原创 antd中Form使用initialValue对switch无效
会发现initialValue为true对Switch组件无效。就可以用initialValue控制到Switch中的默认值了。这时候在代码中加入 valuePropName。
2023-05-12 15:20:12
487
原创 GIT代码回滚到指定版本
3、git push -f origin master (强制提交到远程服务器)--hard 版本号 (回退到指定的版本)1、git log (显示提交的log)
2023-03-28 13:59:40
271
原创 Echarts 报错Cannot read properties of null (reading ‘getAttribute‘)
红圈里面的代码 通过函数 return出去 myChart.setOption(option)可以吧上面的div元素就显示。主要原因是 官方给的是JS代码 使用的时候 人家的。直接ctrl+cv 官方代码。你得自己给个HTML元素。Echarts的图表了。
2023-01-06 16:58:51
850
转载 JS字符串替换指定字符
碰到一个后端数据同步过来的xml文本段,内容里写死的宽度 在1920*1080的分辨率屏幕上,显示有问题,由于数据量太多,前端单独拿数据再处理一遍。
2022-12-13 17:50:03
531
原创 react属性dangerouslySetInnerHTML
item.content为后端返回html字段在react中也提供了一个属性可以帮我们将dom字符串转化为dom节点,这个属性就是:dangerouslySetInnerHTML接收一个对象具体用法如下:若是动态数据直接替换__html的值即可。
2022-12-06 13:59:46
421
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人