- 博客(69)
- 收藏
- 关注
原创 前端样式CSS设置 display: ‘grid‘, gridTemplateColumns: ‘repeat(4, 1fr)‘ 部分电脑展示内容溢出
文章摘要:在Grid布局中,高分辨率设备使用200%缩放时会出现子项溢出问题,而低分辨率设备使用125%缩放则正常。解决方案是给Grid子项设置minWidth:0和overflow:'hidden'属性,防止内容溢出。修改后代码示例展示了如何在子项div中添加这些样式属性,有效解决了不同缩放比例下的布局问题。
2025-06-10 09:36:29
238
原创 AntdPro框架下载后 部分重要初始化文件配置
本文摘要主要介绍了Umi项目的关键配置文件和修改方法。主要内容包括:1)config/config.ts配置文件中调整历史模式、代理设置等;2)app.tsx中初始化状态管理和权限校验逻辑;3)requestErrorConfig.ts处理请求头和token配置;4)login/index.tsx的登录函数实现;5)AvatarDropdown.tsx的账号信息组件。重点说明了如何进行代理配置、路由设置、主题定制以及请求拦截等核心功能配置,并提供了开发环境与生产环境的区别处理建议。这些配置共同构成了基于Um
2025-06-04 15:44:58
221
原创 URL / GET请求 中文UTF-8编码JS转化
decodeURIComponent 将编码转为中文。仅转义非合法 URL 字符(不转义。会对整个参数字符串转义(包括。
2025-04-17 14:02:46
171
原创 Antd使用日期RangePicker框,实现左侧有时间区间选择 本月、上月、过去7天、过去30天等
【代码】Antd使用日期RangePicker框,实现左侧有时间区间选择 本月、上月、过去7天、过去30天等。
2025-02-20 11:05:10
412
原创 Git报错 Please specify which branch you want to merge with. git pull <remote> <branch>
git branch --set-upstream-to=origin/<branch> master_新疆。
2024-10-09 14:49:43
502
1
原创 antd中Select大数据分页触底刷新处理优化
antd中Select大数据分页触底刷新处理优化 今天遇到一个需要模糊查询并且总量上万条的下拉框,如果一次性怼上去上万条,会造成浏览器卡顿。所以这边采用后端分页,前端触底加载刷新的方式去优化这个模糊查询。平时使用antd中Select的下拉一般就几十几百条,这时候直接使用组件模糊查询就能实现大部分业务场景需求。
2024-06-27 16:46:56
625
原创 Antd中使用Select框 在点出弹出下拉列表后 鼠标移到外面滚动会导致下拉框位置偏移
Antd中使用Select框 在点出弹出下拉列表后 鼠标移到外面滚动会导致下拉框位置偏移注意,如果发现下拉菜单跟随页面滚动,或者需要在其他弹层中触发 Select,请尝试使用。将下拉弹层渲染节点固定在触发器的父元素中。
2024-02-01 11:29:16
1023
原创 前端使用Antd中Upload组件上传获取图片base64值
前端使用Antd中Upload组件上传获取图片base64值在beforeUpload事件中获取base64。
2024-01-30 17:58:00
857
原创 Antd使用table同时使用scroll和fixed定位,滑动导致左右高度不统一
此问题可能在antd3.24.0版本之前都存在,反正3.16.2版本是存在这个问题的,如果是3.24.0之前的版本估计只能通过修改css样式解决。
2024-01-10 16:13:29
1728
原创 前端导出Excel文件,部分数字前面0消失处理办法
前端导出Excel文件,部分数字前面0消失处理办法 这种办法 虽然能解决0的问题 但是会发现Excel会自动识别后前面加一个' 不太美观 这时候还有一种办法。'会自动被excel过滤的,只是 说明这个单元格是字符串,不去掉首位0。如图本来字符串前面的0 都没了。
2024-01-10 11:32:15
1553
3
原创 前端使用高德api的AMap.Autocomplete无效,使用AMap.Autocomplete报错
前端使用高德api的AMap.Autocomplete无效,使用AMap.Autocomplete报错 重新看一遍文档,发现还是太心急了,很多问题其实文档里都写了,只是平时直接拿起来用,只看了那一段就会导致别的地方缺胳膊少腿。一开始使用遇到一个问题是,使用AMap.Autocomplete会报错。但是这时候问题又出现了,input框输入没有反应。
2023-12-28 16:09:07
4301
7
原创 前端react项目中使用高德地图JS-API,并设置初始化地图中心点和基点周边label文本提示
前端react项目中使用高德地图JS-API,并设置初始化地图中心点和基点周边label文本提示
2023-12-27 15:34:24
1283
原创 前端更新linux服务器上nginx包
更新一下现场环境的前端包通过运维给的vpn连接远程服务器linux上部署的docker服务器上nginx包linux上压缩zip包
2023-12-21 15:33:04
660
原创 前端实现一个时间区间内,再次单选功能,使用Antd组件库内日历组件Calendar
前端实现一个时间区间内,再次单选功能,使用Antd组件库内日历组件Calendar需求:需要先让用户选择一个时间区间,然后再这个时间区间中,让用户再次去单选其种特殊日期。思路:1.先用Antd组件库中日期选择DatePicker.RangePicker实现让用户选择时间区间2.在选择完时间区间后,用这个时间区间,弹出一个在这个时间区间范围内的日历组件Calendar3.通过Calendar组件(日历)的onSelect(点击事件)获得点击value,然后通过dateCellRender
2023-12-15 16:30:20
1307
原创 Antd中使用Table的rowSelection筛选功能,搭配检索选择需求实现
name: '数据一'}, {name: '数据二'}, {name: '数据三'}, {name: '数据四'}, {name: '数据五'}], // 列表数据temporaryData: [], // 暂存未被模糊查询前的数据集合selectedRowKeys: ['code3', 'code4'], // 默认选中项,现实情况一般由后端返回。
2023-12-13 17:59:34
1104
原创 前端依赖报错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
1618
原创 React使用Antd组件库的Select模糊查询多个值
首先,我们通过官方文档可以看到,控制模糊查询条件的属性是optionFilterProp。
2023-11-01 09:38:28
904
原创 CSS使用transform-origin,解决transform: scale()后导致的页面元素位置偏移
这时候使用transform-origin给一个0% 0% 上下,左右的偏移。这时候位置就回到了原先的定位。
2023-10-17 16:07:36
3121
原创 浏览器css字体大小font-size小于12px时不生效,总是 12px
chrome://settings/fonts 有一个“最小字体大小”的设置。这时候如果是谷歌浏览器 需要在去浏览器设置重新设置字体大小。发现字体到达12px之后 ,无论多少小都无法改变。今天遇到UI定义一个非常小字体的图。浏览器控制台定义8px依然无效。这时候吧设置拉到最小0就好了。
2023-10-12 17:47:59
914
1
原创 前端实现将echarts放入word文件中导出下载
在生成echarts图表时,将echarts的dom保存通过echarts文档的getDataURL生成图表的图片路径将图片路径放在img元素中,然后放入html中最后将html导出为word。
2023-10-08 19:27:47
607
原创 前端实现后端post请求返回的数据流下载excel显示无法打开,axiox请求封装加responseType属性
前端实现后端post请求返回的数据流下载,axiox请求封装加responseType属性记得加入 responseType: 'arraybuffer'
2023-08-02 12:07:00
1225
原创 React修改antd默认组件样式(:global使用)调整SubMenu框的ant-menu-submenu-arrow伪类元素
React修改antd默认组件样式(:global使用)调整SubMenu框的ant-menu-submenu-arrow伪类元素
2023-06-26 14:58:18
1242
原创 antd中Form使用initialValue对switch无效
会发现initialValue为true对Switch组件无效。就可以用initialValue控制到Switch中的默认值了。这时候在代码中加入 valuePropName。
2023-05-12 15:20:12
630
原创 GIT代码回滚到指定版本
3、git push -f origin master (强制提交到远程服务器)--hard 版本号 (回退到指定的版本)1、git log (显示提交的log)
2023-03-28 13:59:40
353
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人