![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
React
Z_Wonderful
持之以恒
展开
-
iframe嵌套项目后,接口跳出登入页面(会出现画中画的场景)
iframe嵌套项目后,接口跳出登入页面(会出现画中画的场景)若想页面跳出 iframe 在里面加上下面这段代码。JavaScript 跳出iframe框架。原创 2024-07-30 23:15:00 · 106 阅读 · 0 评论 -
axios post body传数组参数
axios post body传数组参数。原创 2024-07-19 20:45:00 · 79 阅读 · 0 评论 -
TypeScript泛型
在`不知道变量类型`的情况下定义: 如果要求 first 输入的类型,second 必须一样 这时候下面这个代码就不能做到了原创 2024-07-11 16:28:52 · 148 阅读 · 0 评论 -
React nginx配置,一个端口代理多个项目(转发后找不到CSS,JS及图片资源问题解决)
React nginx配置,一个端口代理多个项目(转发后找不到CSS,JS及图片资源问题解决)原创 2024-06-05 15:59:13 · 913 阅读 · 3 评论 -
window.location.search取不到值
window.location.search取不到值原创 2024-05-28 14:33:37 · 429 阅读 · 0 评论 -
react mobx action同步
【代码】react mobx action同步。原创 2024-05-17 09:49:48 · 168 阅读 · 0 评论 -
(重要)React hooks—— useLocation 有useMemo,location 无法获取最新URL
location 无法获取最新。原创 2024-04-15 16:56:20 · 171 阅读 · 1 评论 -
antd Table(columns添加事件传参失效)columns在父组件,向子组件传参columns
将table封装成一个公共组件使用,columns在父组件内传参table子组件。原创 2024-04-03 10:27:17 · 366 阅读 · 0 评论 -
JavaScript /react 中new Map的用法
new Map()使用原创 2024-03-14 17:35:51 · 633 阅读 · 0 评论 -
react/vue项目刷新页面404的原因以及解决办法
1.假设请求 127.0.0.1/home# 2.nginx配置的location# 变量解释try_files 固定语法$uri 指代home文件(ip地址后面的路径,假如是127.0.0.1/index/a.png,那就指代index/a.png)$uri/ 指代home文件夹/index.html 向ip/index.html 地址发起请求尝试解析下列2个文件/文件夹(自动分辨出,IP后面的路径是文件还是文件夹), $uri/$uri/,如果解析到,返回第一个,原创 2024-03-14 10:38:50 · 1168 阅读 · 0 评论 -
react antd Input鼠标悬浮时显示已输入内容
react antd Input鼠标悬浮时显示已输入内容原创 2024-03-08 10:15:49 · 363 阅读 · 0 评论 -
useState多次渲染页面卡顿 useMemo
useState多次渲染页面卡顿原创 2024-02-29 16:42:28 · 273 阅读 · 0 评论 -
tree 树形数据,扁平化数组,数组转树形结构父子级数据,模糊搜索,筛选,尾递归
模糊搜索,子级与其上级,或区域父级。2、根据需求进行数据处理。原创 2024-02-29 09:48:52 · 550 阅读 · 0 评论 -
滚动加载react-infinite-scroll-component
当请求数据量过大时,接口返回数据时间会很长,数据回显时间长,Dom 的渲染会有很大的性能压力。组件中有提到一个滚动加载的组件库。原创 2024-02-21 10:04:14 · 973 阅读 · 0 评论 -
antd List 滚动加载(InfiniteScroll ) react-infinite-scroll-component 重置滚动条
在页面滚动的时候,infiniteScroll 页面数是自动+1。举个例子,页面加载到第三页,infiniteScroll 无法在重新开始计数,而在某些场景中需要重新开始计数,比如切换月份等(按照需求),page number 需要重新计数。2、容器一定要被撑开并触底,这样才会触发v-infinite-scroll上绑定的方法。1、overflow属性是一定要有的,可以加到父节点或者自身上,否则会报错。改变 infiniteScroll 的 key 值,或加在父级元素上。1.使用useRef。原创 2024-02-21 10:01:28 · 964 阅读 · 0 评论 -
JS(react)图片压缩+图片上传
【代码】JS(react)图片压缩+图片上传。原创 2024-01-31 16:54:11 · 601 阅读 · 0 评论 -
React安装依赖 node_modules中有下载依赖项但package.json文件中没有依赖
【代码】React安装依赖 node_modules中有下载依赖项但package.json文件中没有依赖。原创 2024-01-08 15:40:54 · 539 阅读 · 0 评论 -
setTimeout异步 clearTimeout
设置定时器1000ms后,定时器里的函数会被加入到宏任务队列里,并执行。此时,设置的只执行一次的定时器已经生效过了,清除定时器没有意义。清除定时器要在定时器触发前调用才有意义。了解相关知识:定时器,事件循环。原创 2024-01-03 16:38:47 · 336 阅读 · 0 评论 -
react useEffect 内存泄漏
【代码】react useEffect 内存泄漏。原创 2024-01-03 16:10:37 · 765 阅读 · 0 评论 -
call、apply、bind区别
问题描述:React死循环问题原创 2023-12-26 15:32:10 · 376 阅读 · 0 评论 -
React 多环境运行打包配置(版本区分)(env)
React 多环境运行打包配置(版本区分)原创 2022-10-21 14:57:10 · 5154 阅读 · 0 评论 -
new Date的‘-’IOS不兼容--moment格式化--时区偏移量
中的字符串中的”-“的原因,在ios上面导致的不兼容,要使用”/“替换”-“便可解决。moment格式化–时区偏移量问题。原创 2023-12-22 16:56:55 · 484 阅读 · 0 评论 -
内存泄漏 Promise.all()调用接口
防止内存泄漏与同步调用接口:提示:内存泄漏–在卸载组件时还在调用setState,例如: 使用setTimeout时,需要在卸载组件时清除定时器 clearTimeout,如图: useEffect(() => { const timeout = setTimeout(() => { //防止内存泄漏 const record = store.newWork.data[4]; const jsInitPromise = GetJsInitData(reco原创 2021-07-17 17:14:29 · 337 阅读 · 0 评论 -
unocss和tailwindcss css原子引擎
Tailwind CSS 与unocss - 无需离开您的HTML,即可快速建立现代网站。原创 2023-10-27 11:48:35 · 1220 阅读 · 0 评论 -
浅谈wheel滚轮事件
浅谈`wheel`滚轮事件,探索`wheelEvent`事件中常用属性的有效性,垂直步进算法(滑动幅度)兼容触摸板多次触发)原创 2023-10-26 10:53:11 · 272 阅读 · 0 评论 -
React TypeScript安装npm第三方包时,些包并不是 TypeScript 编写的
React TypeScript安装npm第三方包时,些包并不是 TypeScript 编写的原创 2023-10-19 17:31:39 · 454 阅读 · 0 评论 -
React TypeScript .d.ts为后缀文件,声明文件
[Typescript]-配置文件之 tsconfig.json原创 2023-10-19 17:16:15 · 182 阅读 · 0 评论 -
React js原生 详解 HTML 拖放 API(鼠标拖放(拖动)功能)
实现一个拖拽功能时先定义好被拖拽元素和放置区域元素原创 2023-10-11 17:17:54 · 1135 阅读 · 0 评论 -
React xlsx(工具库) 处理表头合并
XLSX.utils.book_new()创建新文件XLSX.utils.aoa_to_sheet 新sheet表merges数组表示对行和列进行合并,c表示column(列),r表示row(行),s表示start(开始),e表示end(结束),索引从0开始。原创 2023-10-07 14:52:09 · 702 阅读 · 0 评论 -
跨域(浏览器)
跨域是浏览器的安全机制,限制了通过脚本发起的跨域操作。具体来说,同源策略要求:协议、域名和端口号必须完全。(域名、协议和端口号都相同)的服务器发送请求。当请求的目标服务器与当前页面的源。如果不满足同源策略,浏览器会拒绝处理跨域请求,从而导致请求失败。是前端开发中常遇到的一个挑战。原创 2023-09-25 10:32:42 · 155 阅读 · 0 评论 -
在React中使用公共文件夹public,导入js (%PUBLIC_URL%)
只有前缀public可以访问文件夹中的文件%PUBLIC_URL%。如果需要使用src或中的文件node_modules,则必须将其复制到那里以明确指定将此文件作为构建的一部分的意图。当运行npm run build,Create React App将替换%PUBLIC_URL%为正确的绝对路径,,项目也会正常工作。原创 2023-06-19 09:40:54 · 2493 阅读 · 0 评论 -
CSS中的calc函数有时会不生效
当CSS3中新增了calc函数踩坑。原创 2023-01-31 17:11:13 · 1106 阅读 · 0 评论 -
解决 (Something is already running on port)端口占用
运行项目一直显示端口被占用。原创 2022-12-15 17:15:50 · 836 阅读 · 0 评论 -
UUID---通用唯一识别码,id检测
(Universally Unique Identifier)的缩写,是一种软件建构的标准,亦为开放软件基金会组织在分布式计算环境领域的一部分。其目的,是让分布式系统中的所有元素,都能有唯一的辨识信息,而不需要通过中央控制端来做辨识信息的指定。在这样的情况下,就不需考虑数据库创建时的名称重复问题。最广泛应用的UUID,是微软公司的全局唯一标识符(GUID),而其他重要的应用,则有Linux ext2/ext3文件系统、LUKS加密分区、GNOME、KDE、Mac OS X等等。原创 2022-12-13 15:42:32 · 409 阅读 · 0 评论 -
React中如何在第三方组件内指定位置插入一个标签(类似插槽)
1.插槽用于组件的分发,在react中实现起来比较简单,主要有 使用props传递一个组件和两种方式,由于在React组件中写的内容会被挂载到props中,以此来实现类似vue中的插槽功能。原创 2022-11-16 14:29:47 · 630 阅读 · 2 评论