- 博客(48)
- 收藏
- 关注
原创 react+antd+table实现表格数据,从头到尾循环、自动分页、滚动展示
【代码】react+antd+table实现表格数据,从头到尾循环、自动分页、滚动展示。
2023-08-16 16:46:54 1012
原创 Array.prototype.slice.call()方法详解
Array.prototype.slice.call(arguments, 1)可以理解成是让arguments转换成一个数组对象,Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组。表单申请时,upload组件上传多张图片时候,能够左右切换预览所有上传的图片;为什么不直接用 arguments.slice(1)呢 不是一样的么?要是直接写arguments.slice(1)会报错。表单申请后,打开upload组件也能够预览多张图片。
2023-08-02 15:06:09 1231
原创 react在项目public/index.html想要引入Script资源的方法
react在项目public/index.html想要引入Script资源的方法
2023-07-13 11:24:15 305
原创 前后端交互,前端参数格式form-data
注意:文件上传,要不要存在阿里云,要不要永久保存,回显的时候 需要阿里云,用完就删除的直接给后端就行,不需要存在阿里云。同时上传多个的时候,就会并列给2个file: binary。1、原生input提交。
2023-06-30 16:13:56 245
原创 监听鼠标mouse事件冒泡处理
事件冒泡就是父元素和子元素有相同的事件,当触发子元素时,会向上冒泡,同时也会触发父元素。不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。mouseleave: 不冒泡。mouseenter:不冒泡。mouseover: 冒泡。mouseout:冒泡。1、什么是冒泡事件?
2023-06-20 18:10:26 540
原创 A页面监听B页面
A页面是弹窗,提交成功后,存在本地realName该字段下。在输入框输入“你好吗”,点击提交,提交成功后,在。可以直接取到“你好吗”在这个文件里写监听方法。
2023-04-04 17:57:57 179
原创 lodash常用方法总结
1、计算滚动条长度,求最大值*1.2规定长度const maxValue = Math.max(...data.map(item => item[2])) * 1.2;考虑当数据都是0的时候,加判断width: maxValue ? judgeDataShowWidth(maxValue, item[2]) : 0,//计算长度的方法function judgeDataShowWidth(maxValue: number, value: number): string {con
2022-06-22 11:45:14 1277
原创 子要与父的值保持一样:componentDidMount和componentDidUpdate配合使用
componentDidMount和componentDidUpdate
2022-06-01 11:11:39 383
原创 react图片预览插件
"dependencies": { "@gago-react-gl/core": "^4.1.7", "@gago/axis-chart": "^1.0.42", "@gago/icon": "^0.4.1", "@gago/pie-chart": "0.0.3", "@mapbox/mapbox-gl-draw": "^1.1.2", "@turf/center": "^6.5.0", "babel-plugin-import": "^1.13.3.
2022-05-31 15:08:33 907
原创 1、时间间隔天、年 2、2个时间比较大小
开始时间与结束时间1、间隔年当天 moment() //比如2022/5/30moment().subtract(-2, "year")//2024/5//302、间隔天结束时间比开始时间晚7天,即往后推7天moment(date).subtract(-7, "day").startOf("day")<ItemParent> <FormItemWrapper width style={{ width: "calc(50%..
2022-05-30 17:48:37 871
原创 【无标题单选框选否的,审批意见下要填写该选项并且是否替换为不
/**计算自动填充意见,只适用于审批流程 */export function radioToText() {const textArr: string[] = [];// tslint:disable-next-line:ter-max-lenconst dom = Array.prototype.slice.call(document.querySelectorAll(".ant-radio-group"))?.map(i =>i && i.last...
2022-05-25 09:15:19 87
原创 iframe嵌套下的页面,跳转到新的路由下的页面
参考地址:https://www.csdn.net/tags/Ntjakg2sNzA2MjMtYmxvZwO0O0OO0O0O.html关于前端iframe嵌套页面的跳转问题问题:在A页面使用iframe嵌套了B页面,B页面中做了权限校验,即登录成功后才可以访问B中的某个页面,如果没有登录,则跳转A登录页面.过程:开始在B中尝试使用页面跳转location.href="A登录的页面地址",一直访问失败,且浏览器地址栏的url也没有变化,查询相关资料得到解决方法.解决方案:使用:wind.
2022-05-24 10:51:45 2973
原创 select是多选的,可查询多个动态表格,多表格分页问题解决方法
import React from "react";import Form, { FormComponentProps } from "antd/lib/form/Form";import { StyleAntdTable } from "../../components/style-antd-table";import { Table, Tooltip } from "antd";import { ImportExportListColums, ImportExportListIn, Pagi..
2022-05-07 15:29:27 513
原创 不刷新页面的情况下,开启关闭定时器+ 在切换页面时开启关闭计时器
场景:先点按钮,然后调用获取批次号的接口,根据批次号调用获取进度条值的接口,每秒刷新1次获取进度条值的接口。问题:在进度条100时,关闭计时器,点击按钮开始刷新进度,进度值为100,关闭计时器解决方法:目前只能在切换页面的时候才能关闭计时器获取进度值的接口才可1s刷新一次...
2022-05-06 14:52:36 1034
原创 表格排名,前端根据index计算
{title: "排名",dataIndex: "key",key: "key",render: (text: string, record: any, index: number) => `${(pagination.current - 1) * pagination.pageSize + index + 1}`,},
2022-04-28 17:54:49 110
原创 upload上传到后台服务器和上传到阿里云服务器前端处理方法是一样的
<Upload name="file" data={{ type: "excel" }} //额外添加的type参数 showUploadList={false} accept=".xlsx,.xls" multiple action={`${window.config.serverOne}/api/v1/bu.
2022-04-26 10:49:21 321
原创 清除props.location.state
/**方法一:清除props.location.state*/window.history.replaceState({}, document.title);/**方法二:清除props.location.state */props.history.replace({...props.location,state: undefined,});
2022-02-17 19:18:37 862
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人