- 博客(62)
- 收藏
- 关注
原创 onLoad 事件:优化图像加载和响应式布局
事件是一个 HTML 事件,当元素(通常是图像)加载完成时触发。它为开发人员提供了一个机会,可以在图像加载完成后执行特定操作,例如调整布局或触发动画。事件是一个强大的工具,可用于优化图像加载和创建响应式布局。通过利用这个事件,开发人员可以创建更快速、更美观的用户体验。在图像加载完成后触发。它计算图像的新宽度和高度,以确保图像正确显示在容器中。事件可用于优化图像加载性能。事件还可用于创建响应式布局。
2024-03-26 11:39:50 307
原创 【无标题】
来包裹类组件,从而使类组件支持ref转发。以下是一个示例代码,展示了如何在类组件内部使用。来暴露出ref引用。但是,您可以在类组件内部使用。类组件本身无法直接使用。
2024-03-18 13:55:38 605
原创 react中点击按钮不能获取最新的state时候
的引用,可以解决在确认框中无法获取到最新值的问题。在这个问题中,用户希望在点击确认按钮时触发。事件中更新这个引用的值。函数中弹出一个确认框,并在确认框的。函数内部能够正确访问到最新的值。函数,并且能够正确获取到最新的。回调函数中无法获取到最新的。为了解决这个问题,可以使用。
2024-03-14 15:22:12 525
原创 如果要绑定的值是一个对象,可以使用对象的引用来实现双向绑定。在父组件中,将对象作为一个属性传递给子组件,并使用 v-model 来绑定子组件中的输入框。当子组件中的输入框发生变化时,父组件中的对象也会
如果要绑定的值是一个对象,可以使用对象的引用来实现双向绑定。在父组件中,将对象作为一个属性传递给子组件,并使用。来绑定子组件中的输入框。当子组件中的输入框发生变化时,父组件中的对象也会随之更新。
2024-03-14 15:16:57 379
原创 flex: 0 0 273px的意思
表示基础尺寸,指定子项在没有任何空间约束时的初始尺寸。在这里设置为273px,表示子项的初始宽度为273像素。: 表示弹性增长因子,指定当有多余空间时,子项能够增长的比例。在这里设置为0,表示子项不会根据剩余空间而增长。: 表示弹性收缩因子,指定当空间不足时,子项能够收缩的比例。在这里设置为0,表示子项不会根据空间不足而收缩。表示这个flex子项在flexbox布局中将保持固定的宽度为273像素,不具备任何弹性增长或收缩的能力。
2023-07-26 15:42:38 342
原创 控制请求中的JSON数据解析 - reqEvalJSON属性简介
举个例子,服务端可能需要直接处理原始的JSON数据,而不是将其解析为对象或其他数据结构。或者,服务端可能需要以字符串形式接收和处理JSON数据,从而自行完成解析的过程。在Web开发中,当我们发送请求时,通常会将数据以JSON格式作为请求的主体内容。一般情况下,服务端会自动解析这些JSON数据,并将其转换为对象或其他数据结构以便进行处理。属性,我们可以灵活地控制请求中的JSON数据解析,以满足特定的需求和处理方式。然而,有时候我们可能需要更多的控制权来处理请求中的JSON数据。属性发挥作用的地方。
2023-07-18 10:26:09 423
原创 使用CSS自动省略多行文本到指定行数的方法。
当你想要在网页上展示一些长文本时,经常会遇到文本超出预定宽度而导致页面排版错乱的问题。缩短文本长度又会影响文本可读性。为了解决这个问题,我们可以使用 CSS 自动省略多行文本的方法。值得注意的是,这个方法只适用于webkit内核的浏览器。如果你需要跨浏览器使用这种方法,就需要结合其他的解决方案。希望这个方法对你的页面布局有帮助。如果需要更高级别的布局效果,则需要使用其他方法或技术。属性指定需要省略的文本行数(这里设置为2行)。让文本容器自动省略超出2行以外的部分。属性来设置文本容器,同时使用了。
2023-06-16 15:41:34 251
原创 Web的布局方式和遇到backgroud不生效问题
建议把静态文件丢到static那边,因为有'../'会首先找根目录下的相对路径,虽然在编译器中可以找到图片,但是启动会找不到,路径就会变成'../static/.....';2.background不生效问题。
2023-05-09 19:04:15 281
原创 antd上传文件注意事项
1.当想取antd组件传文件,自定义键值对时候,可以先把组件返回东西中把文件取出来,如下。2.之后想自己点时候再触发传文件,写法如下。
2023-04-13 18:46:41 231
原创 有上一步和下一步数据进行缓存时候注意事项
1.当父组件是通过条件js来判断是否显示隐藏时候,子组件声明state在点击下一步的时候会被清空掉,所以想要进行数据回滚可以在父组件定义个state,或者session,或者redux'设置display:none属性的值会产生下图所示的效果:要隐藏的区域将被隐藏;2.当通过css的display样式来控制显示隐藏的时候,会一直在,代码如下。但是form校验时候仍然会进行触发,还有一些其他情况。
2023-03-21 15:04:04 76
原创 antd的datapicker组件数据回滚
1.有时候回滚提交时候发现日期的不动,但是表单里面的值确发现变了,可以重新塞值,修改下上传参数;moment模块或者dayjs模块格式化。
2023-03-11 14:27:54 127
原创 Antd table 超出 变成省略号 隐藏,之后鼠标移去进行提示
antd 的table的 columns 有个新属性叫ellipsis,设置成true ,那么表格就会变成fixed,不会被内容撑开,会一直按照自己定义的宽度进行了省略...但是这个ellipsis 属性跟ToolTip 组件结合,会有点bug,当文字非常长的时候,虽然超出隐藏变成省略号实现了,但是tooltip的位置不对了。
2023-03-08 15:41:40 1768
转载 Ant Design for React的DatePicker日期组件设置默认显示中文的方法和一些技巧
b.注意:DatePicker、MonthPicker、RangePicker、WeekPicker 部分 locale 是从 value 中读取,需要先正确设置 moment 的 locale。ConfigProvider 使用 React 的 context 特性,只需在应用外围包裹一次即可全局生效。注意: 如果不套用,则不知道feRef是什么东西。自定义点击事件的处理方法。2.setTimeout就是被放入。来防止过度的点击,同时。可以阻止冒泡的事件。a.单一组件设置为中文。
2022-12-02 18:05:57 3413
原创 react中开发问题
1.定义了个静态数组,当做组件抽离传给子组件的时候,父组件要使用state来当做动态的,否则传布过去。2.问题2,当抽离子组件使用form时候,在父组件想子组件的校验规则生效,可以使用异步函数。
2022-09-23 17:06:31 67
原创 React Hook ---- useImperativeHandle
第三个参数是函数依赖的值(可选)。若 createHandle 函数中使用到了子组件内部定义的变量,则还需要将该变量作为依赖变量成为useImperativeHandle第3个参数。第二个参数是一个函数,返回的一个对象会自动绑定到ref上。即子组件可以将自己内部的方法或者值通过useImperativeHandle添加到父组件中useRef定义的对象中。需 useRef 和 forwardRef 共同使用。第一个参数为父组件传递的 ref。
2022-09-17 10:22:51 1006
原创 useState实现回调
b.父组件更新了子组件state,子组件想拿到最新的state调用方法。1可以使用settimeout延迟调用。马上时候调用方法传到最新的。1.在写函数组件中实现,a.自身更新state。
2022-09-17 10:20:40 491
原创 改变placeholder里的样式;重写ant design中的icon;正则表达式匹配搜索关键字中的字,并且给匹配的颜色标红;button按钮进行文件下载;
1.2.重写ant design中的icon3.使用正则表达式匹配搜索关键字中的字,并且给匹配的颜色标红4.button按钮进行文件下载。
2022-08-15 14:03:48 314
原创 react抽离出来的千万不要弄空标签,<></>,否则导致校验失效,Json转树,DIvider间隔
3.解决方法,去掉空标签,或者换位div标签。给外层套个div之后调样式。5.Divider间隔。4.json转树节点。
2022-07-28 15:46:11 247
原创 走马灯组件,背景图铺满,垂直分割线,表单一行多个,从后端直接挂载图片引用
3.div时候可以先positionrelative定位父级,在global{}定位absolute子级,之后可以调整样式。
2022-07-22 17:11:48 248
原创 Ant Design Of react modal框动态控制footer展示或者隐藏
Ant Design Of react modal框动态控制footer展示或者隐藏
2022-07-11 17:20:27 909
原创 Ant-Design-Pro中Table组件,一点check就选了全部,解决方法
1.给table组件增加一个rowkey属性,之后绑定一个唯一的标识。
2022-06-24 11:33:04 485
原创 js中使用 反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。
在字符串中转义str = `${str}${index + 1}.${item}\n`
2022-05-25 15:26:25 1234
原创 this的使用
1.this的默认绑定指向问题1 .1默认绑定(非严格模式)function foo() {console.log( this.a );}var a = 2;foo(); // 2我们怎么知道这里应用了默认绑定呢?可以通过分析调用位置来看看 foo() 是如何调 用的。在代码中,foo() 是直接使用不带任何修饰的函数引用进行调用的,因此只能使用 默认绑定,无法应用其他规则。1.2 使用严格模式(strict mode),那么全局对象将无法使用默认绑定,因此 this 会绑定 到
2022-05-20 16:31:03 59
原创 修改antd中列表list的自定义样式
1.可以直接在内容之中插入<div>模块<List.Item.Meta title={ <div> <span style={{ color: 'red' }}>【必传】</span> {item.xmmc}({item.v
2022-03-21 09:53:38 993
原创 js单个页面停止语音做法
先给audio定义iddocument.getElementById('fileUpload').currentTime=0;document.getElementById('fileUpload').pause();document.getElementById('finishUpload').currentTime=0;document.getElementById('finishUpload').play();
2022-03-11 11:13:41 603
原创 解决React 的<img >src使用require的方式图片显示不出来或者音频显示不出来,展示的是[object Module]的问题
1,解决方法一、 再导入的图片后加.default即可 <img src={require('../../images/bg.png').default} alt="" />解决方法二、 import imgUrl from '../../images/bg.png'; <img src={imgUrl} alt="" />原因: 首先 webpack 支持 CommonJS、AMD 和 ES6模块打包。当我们用 单文件写..
2022-01-21 16:54:31 4478
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人