react
文章平均质量分 56
weitao_11
这个作者很懒,什么都没留下…
展开
-
react 实现自动创建api 请求文件
swagger openapi, error [email protected]: The engine “node” is incompatible with this module. Expected version “>=18”.原创 2024-04-25 11:11:03 · 336 阅读 · 0 评论 -
React Promise 中断
如果用的人在cancel 的时候又点击了一下上传,那么就完了, 这个方法里的isCancel 又会变成 false。如果uploadFiles 执行时间很长。原创 2023-09-27 14:05:11 · 447 阅读 · 0 评论 -
antd protable使用api 翻页
antd protable 使用api 翻页原创 2023-08-14 11:03:11 · 224 阅读 · 0 评论 -
react16 兼容ie9
要兼容ie 需要安装 core-js 和 react-app-polyfill, 当然也有其他的polyfill 的解决方案,可以自行选择,在webpack.config.dev.js 文件中找到 entry,查看app 的入口文件是哪个,在入口index.js 文件最上方加上, 注意一定要在 react 和react-dom 之前加原创 2022-11-29 13:37:43 · 1323 阅读 · 0 评论 -
js 对html string 做裁剪
html 代码太过于长,导致页码很卡,将html string 注入到网页,然后通过dom 的方式进行裁剪原创 2022-10-18 16:24:41 · 342 阅读 · 0 评论 -
react fabricjs 使用小结 (含demo)
fabricjs 的使用和部分踩坑记录,禁用右键默认,画框,画图,画字,画线,滚轮放大缩小原创 2022-09-26 13:41:08 · 2020 阅读 · 0 评论 -
react 输入框输入异常
react 输入框输入异常,光标异常,输入会变原创 2022-06-24 16:16:31 · 1589 阅读 · 0 评论 -
react-hotkeys-hook 失效
需求:在一个界面下需要做翻页功能,但是需要用鼠标点击做下一页的操作有点麻烦 在界面上做快捷键,可以摒弃鼠标,直接用键盘操作进程:找到了react 对应的插件, react-hotkeys-hook yarn add react-hotkeys-hook 根据文档内容加上对应的快捷键 useHotkeys('ctrl+k', () => save()); save 失败,因为useHotkeys 使用的是 useCallback, useCallback 里是一.原创 2021-09-16 10:36:37 · 716 阅读 · 0 评论 -
lodash 防止抖,react hook 失效
需求:界面要做图片渲染,并且可以做翻页 实现完成之后进行压力测试,疯狂的翻页 gg。。图片渲染有快有慢,导致前面几张慢的把最后快的给覆盖了过程:使用 lodash debounce 防抖 失败了因为使用的是 react hook,他相当于每次都会创建一个新的 debounce 然后防抖就变成了延时 那既然是被新建了那就可以使用 ref 来操作,因为ref 是不会被注销掉的 const debounceRef = useRef(_.debounce(q => { .原创 2021-09-09 19:33:17 · 1197 阅读 · 0 评论 -
react hook 不太明白的error
Error Message:Unable to preventDefault inside passive event listener invocation方案:移除直接在on 上的方法使用ref 来做监听,并且在监听后面加上option {passive: false} const divRef = useRef();const onWheel = (e) => { e.stopPropagation(); e.preventDefault(); }原创 2021-09-09 18:05:22 · 202 阅读 · 0 评论 -
json 格式化编辑
需求:需要做一个界面提供给客户做json 的编辑 但是客户可能不理解json 的格式规范 做一个可以编辑key value 的界面,然后自动格式化进程:找到对应的插件 jsoneditor npm install jsoneditor 参考:https://github.com/josdejong/jsoneditor/tree/master import JSONEditor from 'jsoneditor';import 'jsoneditor/dist/j...原创 2021-09-02 10:53:02 · 805 阅读 · 0 评论 -
文本 diff 类似 git 显示
需求:两个文本进行比对差异 比对结果像git change 一样展示 自由限定文本间的差异进程:查找到相应的控件 diffdiff2html npm install diff npm install diff2html diff 可以对比两个文本, diff2html 可以将对比结果渲染成html import { createPatch } from "diff"; diff 还有其他的方法,diffWords, diffjson 等,不过返回的格式是一个正常...原创 2021-09-02 10:27:48 · 1133 阅读 · 0 评论 -
React Hook 遇到的问题集锦
part1:需求:发异步请求修改界面信息 请求结束后重新渲染界面问题:当你手速够快,或者请求返回速度够慢的时候,a 行先渲染,再渲染b 行的时候,a 行的结果会变回未修改时的结果过程:查看原先的代码 import React, { useState } from 'react';function Bulbs() { const [on, setOn] = useState(false); const switch = () => { console.原创 2021-09-01 14:43:12 · 162 阅读 · 0 评论