自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 【前端bug】栅格布局(grid布局)导致的父元素高度不固定,子元素设置溢出滚动失效???

实际业务场景比这个更深一点,大致这个样子,然后问题就出现了,当组件A的内容很多的时候,我期望的是内容就会在右边这个小区域内滚动,但是~现实是右边的整个区域并未展示滚动条,而是直接纵向拉伸,展示了所有的数据,直接懵掉,如下图所示。这样,层层下去之后父元素的高度就是固定的,子元素的设置了height:100%;),但是最内层的元素的高度是不受控的,就是你塞多少东西,它的高度就是多少,然后层层再撑开父级元素。最近在实现一个前端界面的布局的时候,使用grid布局的时候碰到的一些问题,和大家探讨一下下。

2024-03-20 17:38:36 914

原创 【前端bug】React + Ant-design 4.x版本下的Radio.Group无法初始化选中Radio标签???

的时候就要给Radio组件对应字段赋值,而不要在Radio内部再进行赋值。

2024-03-19 18:20:27 370

原创 【前端插件】HTML界面元素打印成图片???html2canvas祝你一臂之力

tips:html2canvas提供了很多下载的参数,详情可以查阅。需求:把界面上的某一部分打印出来,下载成图片。(内置官网链接,详情可查阅)3、这样,图片就下载好啦!

2024-03-06 17:49:21 460

原创 【前端工具】NVM -- node包管理工具

nvm的目的是为了解决本地开发环境项目繁杂,不同项目所需的node版本均不同,每次跑项目都有可能随机触发node版本过高过低导致的依赖安装失败问题话不多说,开搞!

2024-02-20 17:11:40 467 1

原创 【前端优化】登录页背景图加载缓慢???压缩一下会好很多!!!

公司内部的业务系统基本都有登录页,背景图基本都是UI切的高清2倍图,文件大小基本都是10mb+,就会导致在业务系统首次加载或者网速较差的情况下背景图加载时卡顿,一帧一帧出现,然后和UI试了一下,将背景图进行压缩之后,在不很是掉画质的情况下,压缩后的背景图可以实现秒开。1、如果和UI的关系比较好,就让他/她帮忙压缩一下。2、图片压缩工具 –

2024-02-18 11:00:35 533 2

原创 百度地图放大缩小的时候不以鼠标位置为中心点,放大向上,缩小向下???

tips:.ant-modal-body调用的是ant的modal弹窗,.ant-modal-body是包含滚动条的dom元素。1、地图部分放到无滚动区域的dom中,只要不溢出,就不会缩放有问题。2、实时更新地图元素的scrollTop。

2024-02-02 14:43:46 619 1

原创 更新依赖报错【info There appears to be trouble with your network connection. Retrying...】

【代码】更新依赖报错【info There appears to be trouble with your network connection. Retrying...】

2024-02-01 16:54:56 427 1

原创 删除文件夹提示【你需要来自xxxx的权限才能对此文件夹进行修改】??

【代码】删除文件夹提示【你需要来自xxxx的权限才能对此文件夹进行修改】??

2024-01-31 17:44:19 353

原创 yarn install 报错【appears to be trouble with your network connection. Retrying...】解决方案

2.配置文件问题,可正常yarn install的配置如图。1.yarn版本问题,截止排查时间官网给出的稳定版本是。,注意检查一下自己的node版本。

2023-12-13 14:57:14 3294 2

原创 开发常用工具库

轻量级的react高度适配的ecahrt库:https://recharts.org/zh-CN/api/RadarChart。特效库(开源免费):https://hepengwei.cn/#/html/interactiveDesign。

2023-11-16 10:28:37 80 1

原创 解决:无法将“node.exe”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

一定要把所有的vscode窗口关了,然后重新打卡,是所有!配置node环境变量。

2023-10-17 10:31:54 697

原创 三列横向分布,拖动分割线动态更新宽度

元素三列布局,中间分隔线分开,拖拽分割线可动态更新左右俩侧元素宽度,最小不能小于200px。

2023-08-02 11:53:27 115

原创 前端正则入门

普通字符:直接匹配所需字符。/abc/ – 匹配字符串abc元字符:具有特殊含义的字符,如.、*、+、?、\等。/+/ – 匹配符号+,字符类:用方括号[]表示,匹配方括号中的任意一个字符。/[abc]/ – 匹配abc中任意一个转义字符:用反斜线\跟在字符后面,表示匹配字符本身。预定义字符类:如\d(匹配数字)、\w(匹配字母数字下划线)等// 声明正则语句 -- 匹配字符串hello。

2023-07-26 14:34:49 82 1

原创 【ReactEcharts】百分比水球图常规案例实现

【代码】【ReactEcharts】百分比水球图常规案例实现。

2023-04-21 16:29:34 361

原创 【ReactEcharts】环形图常规案例实现

【代码】【ReactEcharts】环形图常规案例实现。

2023-04-21 16:27:15 246 2

原创 【ReactEcharts】饼图常规案例实现

【代码】【ReactEcharts】饼图常规案例实现。

2023-04-21 16:24:56 187

原创 【ReactEcharts】雷达图常规案例实现

【代码】【ReactEcharts】雷达图常规案例实现。

2023-04-21 16:23:13 250

原创 【ReactEcharts】柱状图常规案例实现

【代码】【ReactEcharts】柱状图常规案例实现。

2023-04-21 15:57:37 256

原创 【ReactEcharts】折线图常规案例实现

【ReactEcharts】折线图配置项解析及常规案例实现。

2023-04-21 15:54:42 264

原创 ReactEcharts常见基础配置项解析

【代码】ReactEcharts基础配置项及常见图表实现。

2023-04-15 17:02:54 483

原创 【React - Antd -Table 单元格多列纵向合并】

原文亲测可用,在原基础上进行了升级,原文是单列纵向合并,扩展至多列纵向合并。

2023-04-12 11:02:13 414 2

原创 ReactEcharts柱状图点击事件绑定

正文:在React框架中使用ReactEcharts,并配置点击事件,获取点击节点,进行后续操作。前言:技术栈(React),相关版本号:(echarts-for-react →。

2023-03-03 14:05:25 1176

原创 react-hooks初探:useEffect入门使用场景

react-hooks初探:useEffect入门使用场景前言useEffect基本构造:前言hook初学者一枚,仅以记录hooks学习中领悟的一些小知识useEffect基本构造:useEffect(() => { //1.常用操作逻辑 //2.return函数(当前组件销毁的时候你想干点儿什么)},[//3. 可控参数(可有可没有)])1.常用操作部分不做多余阐述,随意发挥,根据不同的useState生成的变量做不同的逻辑处理2.return函数:我的理解是这个return函数

2021-04-05 19:49:15 788

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除