- 博客(14)
- 收藏
- 关注
RSS订阅原创 react+antd实现时间选择限制
需求1、选择日期不能选今天之后的（包括今天，比如，今天是2024-09-09，则最新日期只能选2024-09-08）2、开始时间和结束时间之间不能超过15天3、选择开始时间时，开始时间可以任意选，但是选完开始时间后，结束时间必须是在它后面15天之内4、选择结束时间时，结束时间可以任意选，但是选完结束时间后，开始时间必须是在它前面15天之内5、默认时间为近7天。
2024-09-09 16:06:02
961
原创 antd框架5.x版本以下日期选择框禁用事件
用onCalendarChange和disabledDate来动态限制日期区间的选择const [dates, setDates] = useState(null); const [value, setValue] = useState(null); const disabledDate = (current) => { if (!dates) { // return false; //如果默认时没有限制直接return false； // return cu
2024-06-26 16:35:01
257
原创 react实现点击下载/导出，弹出选择保存文件路径弹窗
文件格式参考：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types。具体参考MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/showSaveFilePicker。使用window自带的showSaveFilePicker方法。
2024-05-13 14:26:22
1222
1
原创 react中获取某个元素到浏览器视窗的位置
在React中使用 getBoundingClientRect() 方法获取页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。使用 getBoundingClientRect() 获取的是DOM元素到浏览器可视范围的距离（不包含文档卷起的部分）
2023-05-05 16:59:46
726
原创 统计项目代码行数-命令行
如果想要统计哪个文件的代码行数，切换路径至该文件，输入命令行：find . “(” -name “" “)” -print | xargs wc -l即可。（如：统计src文件下的代码行数，则cd src后find . “(” -name "” “)” -print | xargs wc -l）2、调用以下命令即可把每个源代码文件行数及总数统计出来（1）包括空行（会列出每个文件的代码行数）：find . “(” -name “.m" -or -name ".mm” -or -name “.c" -or
2021-12-28 18:26:51
1030
原创 mac卸载node
Mac 下 彻底卸载Node 终端命令：sudo npm uninstall npm -gsudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*sudo rm -rf /usr/local/include/node /Users/$USER/.npmsudo rm /usr/local/bin/nodesudo rm /usr/local/share/man/man1/nod
2021-12-16 14:54:16
590
原创 JS中跨域产生的原因和解决方案
跨域产生的原因出于浏览器的同源策略限制。同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的。浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）。跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面ur不同即为跨域http
2021-05-25 18:07:33
877
原创 判断数组的方法
1、Array.isArrayES5新增的数组方法const arr = [1, 2, 3, 4]; Array.isArray(arr) //true2、instanceof一般来说，instanceof关键字，是用来判断某个元素对象构造函数实例。在数组判断上，instanceof关键字也可以进行数组的判定。const arr = [1, 2, 3, 4]; arr instanceof Array //trueinstanceof支持的浏览器版本比较多，所以一般来说，用ins
2021-05-24 17:11:57
487
原创 面试题合集
1、请阅读以下代码：span标签的width和height分别为多少（）<div style={{ width: '400px', height: '200px' }}> <span style={{ float: 'left', width: 'auto', height: '100%' }}> <i style={{ position: 'absolute',
2021-05-18 16:57:40
769
翻译 setState是同步还是异步
默认同步决定setState是否异步的属性isBatchingUpdates，表示是否正处于更新阶段。isBatchingUpdates默认为false，也就是说，默认不会让setState异步执行。但是有一个方法batchedUpdates，这个方法会去修改isBatchingUpdates的值为true，而当React在调用事件处理函数之前就会调用这个batchedUpdates，从而使isBatchingUpdates变为true。总结经过React处理的事件（如通过onClick引发的事件处理
2021-05-18 10:35:45
115
原创 Axios使用说明
####Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。####安装$ npm install axios####调用import axios from 'axios';####为所有支持的请求方法提供了别名axios.get(url[, config])axios.delete(url[, config])axios.head(url[, config])axios.post(url[, data[, config]])axios.put(url[,
2021-05-17 17:10:36
143
原创 使用webpack、babel、react来创建React项目
使用webpack、babel、react来创建React项目初始化项目首先第一步先创建一个名字是my-app的文件夹mkdir my-app进入该目录cd my-app然后在my-app目录下创建src文件夹用来存放React代码mkdir src使用npm命令初始化项目npm init -y项目结构安装webpack首先安装webpack和webpack-cli，webpack-cli包含了webpack的众多指令，所以需要安装。npm install webpack
2020-12-03 14:34:17
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人