- 博客(61)
- 收藏
- 关注
RSS订阅原创 onLoad 事件：优化图像加载和响应式布局
事件是一个 HTML 事件，当元素（通常是图像）加载完成时触发。它为开发人员提供了一个机会，可以在图像加载完成后执行特定操作，例如调整布局或触发动画。事件是一个强大的工具，可用于优化图像加载和创建响应式布局。通过利用这个事件，开发人员可以创建更快速、更美观的用户体验。在图像加载完成后触发。它计算图像的新宽度和高度，以确保图像正确显示在容器中。事件可用于优化图像加载性能。事件还可用于创建响应式布局。
2024-03-26 11:39:50
253
原创 【无标题】
来包裹类组件，从而使类组件支持ref转发。以下是一个示例代码，展示了如何在类组件内部使用。来暴露出ref引用。但是，您可以在类组件内部使用。类组件本身无法直接使用。
2024-03-18 13:55:38
554
原创 react中点击按钮不能获取最新的state时候
的引用，可以解决在确认框中无法获取到最新值的问题。在这个问题中，用户希望在点击确认按钮时触发。事件中更新这个引用的值。函数中弹出一个确认框，并在确认框的。函数内部能够正确访问到最新的值。函数，并且能够正确获取到最新的。回调函数中无法获取到最新的。为了解决这个问题，可以使用。
2024-03-14 15:22:12
376
原创 如果要绑定的值是一个对象，可以使用对象的引用来实现双向绑定。在父组件中，将对象作为一个属性传递给子组件，并使用 v-model 来绑定子组件中的输入框。当子组件中的输入框发生变化时，父组件中的对象也会
如果要绑定的值是一个对象，可以使用对象的引用来实现双向绑定。在父组件中，将对象作为一个属性传递给子组件，并使用。来绑定子组件中的输入框。当子组件中的输入框发生变化时，父组件中的对象也会随之更新。
2024-03-14 15:16:57
353
原创 flex: 0 0 273px的意思
表示基础尺寸，指定子项在没有任何空间约束时的初始尺寸。在这里设置为273px，表示子项的初始宽度为273像素。: 表示弹性增长因子，指定当有多余空间时，子项能够增长的比例。在这里设置为0，表示子项不会根据剩余空间而增长。: 表示弹性收缩因子，指定当空间不足时，子项能够收缩的比例。在这里设置为0，表示子项不会根据空间不足而收缩。表示这个flex子项在flexbox布局中将保持固定的宽度为273像素，不具备任何弹性增长或收缩的能力。
2023-07-26 15:42:38
314
原创 控制请求中的JSON数据解析 - reqEvalJSON属性简介
举个例子，服务端可能需要直接处理原始的JSON数据，而不是将其解析为对象或其他数据结构。或者，服务端可能需要以字符串形式接收和处理JSON数据，从而自行完成解析的过程。在Web开发中，当我们发送请求时，通常会将数据以JSON格式作为请求的主体内容。一般情况下，服务端会自动解析这些JSON数据，并将其转换为对象或其他数据结构以便进行处理。属性，我们可以灵活地控制请求中的JSON数据解析，以满足特定的需求和处理方式。然而，有时候我们可能需要更多的控制权来处理请求中的JSON数据。属性发挥作用的地方。
2023-07-18 10:26:09
410
原创 使用CSS自动省略多行文本到指定行数的方法。
当你想要在网页上展示一些长文本时，经常会遇到文本超出预定宽度而导致页面排版错乱的问题。缩短文本长度又会影响文本可读性。为了解决这个问题，我们可以使用 CSS 自动省略多行文本的方法。值得注意的是，这个方法只适用于webkit内核的浏览器。如果你需要跨浏览器使用这种方法，就需要结合其他的解决方案。希望这个方法对你的页面布局有帮助。如果需要更高级别的布局效果，则需要使用其他方法或技术。属性指定需要省略的文本行数（这里设置为2行）。让文本容器自动省略超出2行以外的部分。属性来设置文本容器，同时使用了。
2023-06-16 15:41:34
225
原创 Web的布局方式和遇到backgroud不生效问题
建议把静态文件丢到static那边，因为有'../'会首先找根目录下的相对路径，虽然在编译器中可以找到图片，但是启动会找不到，路径就会变成'../static/.....';2.background不生效问题。
2023-05-09 19:04:15
237
原创 antd上传文件注意事项
1.当想取antd组件传文件，自定义键值对时候，可以先把组件返回东西中把文件取出来，如下。2.之后想自己点时候再触发传文件，写法如下。
2023-04-13 18:46:41
196
原创 有上一步和下一步数据进行缓存时候注意事项
1.当父组件是通过条件js来判断是否显示隐藏时候，子组件声明state在点击下一步的时候会被清空掉，所以想要进行数据回滚可以在父组件定义个state，或者session，或者redux'设置display:none属性的值会产生下图所示的效果：要隐藏的区域将被隐藏;2.当通过css的display样式来控制显示隐藏的时候，会一直在，代码如下。但是form校验时候仍然会进行触发，还有一些其他情况。
2023-03-21 15:04:04
58
原创 antd的datapicker组件数据回滚
1.有时候回滚提交时候发现日期的不动，但是表单里面的值确发现变了，可以重新塞值，修改下上传参数；moment模块或者dayjs模块格式化。
2023-03-11 14:27:54
99
原创 Antd table 超出 变成省略号 隐藏,之后鼠标移去进行提示
antd 的table的 columns 有个新属性叫ellipsis,设置成true ，那么表格就会变成fixed，不会被内容撑开，会一直按照自己定义的宽度进行了省略...但是这个ellipsis 属性跟ToolTip 组件结合，会有点bug，当文字非常长的时候，虽然超出隐藏变成省略号实现了，但是tooltip的位置不对了。
2023-03-08 15:41:40
1497
转载 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
3268
原创 react中开发问题
1.定义了个静态数组，当做组件抽离传给子组件的时候，父组件要使用state来当做动态的，否则传布过去。2.问题2，当抽离子组件使用form时候，在父组件想子组件的校验规则生效，可以使用异步函数。
2022-09-23 17:06:31
54
原创 React Hook ---- useImperativeHandle
第三个参数是函数依赖的值（可选）。若 createHandle 函数中使用到了子组件内部定义的变量，则还需要将该变量作为依赖变量成为useImperativeHandle第3个参数。第二个参数是一个函数，返回的一个对象会自动绑定到ref上。即子组件可以将自己内部的方法或者值通过useImperativeHandle添加到父组件中useRef定义的对象中。需 useRef 和 forwardRef 共同使用。第一个参数为父组件传递的 ref。
2022-09-17 10:22:51
936
原创 useState实现回调
b.父组件更新了子组件state,子组件想拿到最新的state调用方法。1可以使用settimeout延迟调用。马上时候调用方法传到最新的。1.在写函数组件中实现，a.自身更新state。
2022-09-17 10:20:40
396
原创 改变placeholder里的样式；重写ant design中的icon；正则表达式匹配搜索关键字中的字，并且给匹配的颜色标红；button按钮进行文件下载；
1.2.重写ant design中的icon3.使用正则表达式匹配搜索关键字中的字，并且给匹配的颜色标红4.button按钮进行文件下载。
2022-08-15 14:03:48
266
原创 react抽离出来的千万不要弄空标签，＜＞＜/＞,否则导致校验失效,Json转树，DIvider间隔
3.解决方法，去掉空标签，或者换位div标签。给外层套个div之后调样式。5.Divider间隔。4.json转树节点。
2022-07-28 15:46:11
216
原创 走马灯组件,背景图铺满，垂直分割线，表单一行多个,从后端直接挂载图片引用
3.div时候可以先positionrelative定位父级，在global{}定位absolute子级，之后可以调整样式。
2022-07-22 17:11:48
230
原创 Ant Design Of react modal框动态控制footer展示或者隐藏
Ant Design Of react modal框动态控制footer展示或者隐藏
2022-07-11 17:20:27
786
原创 Ant-Design-Pro中Table组件,一点check就选了全部，解决方法
1.给table组件增加一个rowkey属性，之后绑定一个唯一的标识。
2022-06-24 11:33:04
439
原创 js中使用 反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。
在字符串中转义str = `${str}${index + 1}.${item}\n`
2022-05-25 15:26:25
1175
原创 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
50
原创 修改antd中列表list的自定义样式
1.可以直接在内容之中插入<div>模块<List.Item.Meta title={ <div> <span style={{ color: 'red' }}>【必传】</span> {item.xmmc}({item.v
2022-03-21 09:53:38
854
原创 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
504
原创 解决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
4433
原创 useEffect使用指南
1.对于class component里面的表现，我们可以通过闭包来改变，是因为class component里面的state随着render是发生变化的，而useEffect里面即使使用props.count也不会有问题，因为useEffect里面的所有东西都是每次render独立的2.如果你熟悉React class的生命周期函数，你可以把useEffect Hook看做componentDidMount，componentDidUpdate和componentWillUnmo...
2022-01-21 16:51:06
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人