
React
React
Z_Wonderful
持之以恒
展开
-
crypto-js(SHA1、MD5、SHA256)生成完整文件哈希
辅助生成唯一索引:文件上传断点续传、等原创 2025-03-23 12:00:00 · 429 阅读 · 0 评论 -
React 严格模式 <StrictMode >或<React.StrictMode>组件
严格模式 <StrictMode > 这可以确保在 内的所有组件都经过检查。如果两个团队在一个产品上工作,并且对于这些检查是否有价值存在分歧,他们需要达成共识或将 下移到树的较低层级tsconfig.json。帮助你在开发过程中尽早地发现组件中的常见错误。原创 2025-02-24 09:15:00 · 462 阅读 · 0 评论 -
多种文档在线预览API
vue react文档在线预览API原创 2025-01-22 09:37:26 · 1507 阅读 · 0 评论 -
项目更新版本,解决:前端如何通知用户刷新页面
项目更新版本,前端如何通知用户刷新页面原创 2024-12-16 10:30:00 · 674 阅读 · 0 评论 -
React 远程仓库拉取项目部署,无法部署问题
React 远程仓库拉取项目部署,二次开发。原创 2024-11-19 15:48:28 · 626 阅读 · 0 评论 -
react antd yarn 安装sass
react yarn安装sass原创 2024-09-13 09:12:11 · 618 阅读 · 0 评论 -
react 安装使用 antd+国际化+定制化主题+样式兼容
react 安装使用 antd+国际化+定制化主题+样式兼容原创 2024-09-11 16:35:34 · 784 阅读 · 0 评论 -
yarn webpack脚手架 react+ts搭建项目
yarn webpack脚手架 react+ts搭建项目原创 2024-09-10 18:01:02 · 630 阅读 · 0 评论 -
react 不使用eject暴露配置(配置less或@/路径),使用react-app-rewired + customize-cra或@craco/craco
react 不使用eject暴露配置(配置less或@/路径),使用react-app-rewired + customize-cra或@craco/craco原创 2024-09-13 09:12:24 · 826 阅读 · 0 评论 -
React 发现无webpack相关的配置的目录,使用eject进行创建, 安装插件需要进行配置
React 发现无webpack相关的配置的目录,进行创建, 安装插件需要进行配置react脚手架将webpack相关的配置隐藏起来了,如果想要看到webpack的配置可以执行,操作不可逆。原创 2024-09-10 18:01:28 · 1428 阅读 · 0 评论 -
yarn React+Vite +TypeScript 搭建项目,git初始化,局域网预览 vite项目, sass
yarn React+Vite +TypeScript 搭建项目,git初始化,局域网预览 vite项目原创 2024-08-28 14:00:00 · 480 阅读 · 0 评论 -
react用useEffect防止数据内存泄漏
2、确保初始化函数initData不会在组件卸载后继续执行。原创 2024-08-15 16:10:03 · 425 阅读 · 0 评论 -
iframe嵌套项目后,接口跳出登入页面(会出现画中画的场景)
iframe嵌套项目后,接口跳出登入页面(会出现画中画的场景)若想页面跳出 iframe 在里面加上下面这段代码。JavaScript 跳出iframe框架。原创 2024-07-30 23:15:00 · 477 阅读 · 0 评论 -
axios post body传数组参数
axios post body传数组参数。原创 2024-07-19 20:45:00 · 337 阅读 · 0 评论 -
TypeScript泛型
在`不知道变量类型`的情况下定义: 如果要求 first 输入的类型,second 必须一样 这时候下面这个代码就不能做到了原创 2024-07-11 16:28:52 · 192 阅读 · 0 评论 -
React nginx配置,一个端口代理多个项目(转发后找不到CSS,JS及图片资源问题解决)
React nginx配置,一个端口代理多个项目(转发后找不到CSS,JS及图片资源问题解决)原创 2024-06-05 15:59:13 · 1337 阅读 · 3 评论 -
window.location.search取不到值
window.location.search取不到值原创 2024-05-28 14:33:37 · 1351 阅读 · 0 评论 -
react mobx action同步
【代码】react mobx action同步。原创 2024-05-17 09:49:48 · 251 阅读 · 0 评论 -
(重要)React hooks—— useLocation 有useMemo,location 无法获取最新URL
location 无法获取最新。原创 2024-04-15 16:56:20 · 274 阅读 · 1 评论 -
antd Table(columns添加事件传参失效)columns在父组件,向子组件传参columns
将table封装成一个公共组件使用,columns在父组件内传参table子组件。原创 2024-04-03 10:27:17 · 574 阅读 · 0 评论 -
JavaScript /react 中new Map的用法
new Map()使用原创 2024-03-14 17:35:51 · 838 阅读 · 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 · 1648 阅读 · 0 评论 -
react antd Input鼠标悬浮时显示已输入内容
react antd Input鼠标悬浮时显示已输入内容原创 2024-03-08 10:15:49 · 684 阅读 · 0 评论 -
useState多次渲染页面卡顿 useMemo
useState多次渲染页面卡顿原创 2024-02-29 16:42:28 · 380 阅读 · 0 评论 -
tree 树形数据,扁平化数组,数组转树形结构父子级数据,模糊搜索,筛选,尾递归
模糊搜索,子级与其上级,或区域父级。2、根据需求进行数据处理。原创 2024-02-29 09:48:52 · 697 阅读 · 0 评论 -
滚动加载react-infinite-scroll-component
当请求数据量过大时,接口返回数据时间会很长,数据回显时间长,Dom 的渲染会有很大的性能压力。组件中有提到一个滚动加载的组件库。原创 2024-02-21 10:04:14 · 1458 阅读 · 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 · 1598 阅读 · 0 评论 -
JS(react)图片压缩+图片上传
【代码】JS(react)图片压缩+图片上传。原创 2024-01-31 16:54:11 · 731 阅读 · 0 评论 -
React安装依赖 node_modules中有下载依赖项但package.json文件中没有依赖
【代码】React安装依赖 node_modules中有下载依赖项但package.json文件中没有依赖。原创 2024-01-08 15:40:54 · 765 阅读 · 0 评论 -
setTimeout异步 clearTimeout
设置定时器1000ms后,定时器里的函数会被加入到宏任务队列里,并执行。此时,设置的只执行一次的定时器已经生效过了,清除定时器没有意义。清除定时器要在定时器触发前调用才有意义。了解相关知识:定时器,事件循环。原创 2024-01-03 16:38:47 · 415 阅读 · 0 评论 -
react useEffect 内存泄漏
【代码】react useEffect 内存泄漏。原创 2024-01-03 16:10:37 · 867 阅读 · 0 评论 -
call、apply、bind区别
问题描述:React死循环问题原创 2023-12-26 15:32:10 · 409 阅读 · 0 评论 -
React 多环境运行打包配置(版本区分)(env)
React 多环境运行打包配置(版本区分)原创 2022-10-21 14:57:10 · 6520 阅读 · 0 评论 -
new Date的‘-’IOS不兼容--moment格式化--时区偏移量
中的字符串中的”-“的原因,在ios上面导致的不兼容,要使用”/“替换”-“便可解决。moment格式化–时区偏移量问题。原创 2023-12-22 16:56:55 · 613 阅读 · 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 · 410 阅读 · 0 评论 -
unocss和tailwindcss css原子引擎
Tailwind CSS 与unocss - 无需离开您的HTML,即可快速建立现代网站。原创 2023-10-27 11:48:35 · 1761 阅读 · 0 评论 -
浅谈wheel滚轮事件
浅谈`wheel`滚轮事件,探索`wheelEvent`事件中常用属性的有效性,垂直步进算法(滑动幅度)兼容触摸板多次触发)原创 2023-10-26 10:53:11 · 444 阅读 · 0 评论 -
React TypeScript安装npm第三方包时,些包并不是 TypeScript 编写的
React TypeScript安装npm第三方包时,些包并不是 TypeScript 编写的原创 2023-10-19 17:31:39 · 509 阅读 · 0 评论 -
React TypeScript .d.ts为后缀文件,声明文件
[Typescript]-配置文件之 tsconfig.json原创 2023-10-19 17:16:15 · 293 阅读 · 0 评论 -
React js原生 详解 HTML 拖放 API(鼠标拖放(拖动)功能)
实现一个拖拽功能时先定义好被拖拽元素和放置区域元素原创 2023-10-11 17:17:54 · 1550 阅读 · 0 评论