行走的蒲公英

摘要： 支持表单受控和非受控使用，基于antd upload 进行的二次封装， 使用场景如下图： 1.组件文件夹 2. index.tsx贴代码 import React, { useEffect, useMemo, useState } from 'react'; import { ImageFilesW 阅读全文

摘要： 记录一下： 根据后台接口返回的文件流，前端实现导出下载，使用（react+ts） 1.请求方法 (这里写法绕开拦截器) // 导出日志 export async function exportLog(data: ILogparams) { const url = getRequestUrl(API. 阅读全文

摘要： 一、什么是Webpack？ 一个基于node.js的前端模块化/预处理/扁平化处理器。 二、为什么要使用Webpack？ 解决业务代码中的各种依赖，模块加载,静态文件引入问题(重复依赖/强依赖，阻塞加载，资源整合) 使浏览器支持众多样式预处理器(sass, less, stylus) 使浏览器支持众 阅读全文

摘要： 关于文件下载： 1. 贴一下现在项目现有写法： 2. 改进后写法(推荐使用)： import { saveAs } from 'file-saver'; saveAs(url,fileName) 3. 其他 （1）同域 <a download=”xxx.xlsx” href="/xxx.xlsx"> 阅读全文

摘要： 一、key的作用： 1. 主要是对DOM渲染的性能优化，用来减少没必要的diff算法对比。当列表顺序发生改变时，如果不加key，不管数据是否发生改变，所有列表元素都会重新渲染，当列表元素没有发生改变时，值是在末尾产生新的元素，此时key的值加不加都是可以的，React只会渲染最后一个元素。如图： 假 阅读全文

摘要： 问题1.多次触发请求，且存在潜在的竞态问题 const [page, setPage] = useState(1); const [keyword, setKeyword] = useState(''); useEffect(() => { // do request }, [page, keywo 阅读全文

摘要： 垂直居中主要分为了两种类型：居中元素宽高已知 和 居中元素宽高未知，那么我们就结合这两种类型来一一做举例。 一、居中元素宽高已知 1. absolute + margin auto .parent{ position: relative; width: 90vw; height: 90vh; bor 阅读全文

摘要： 基于移动端需要扫码签名的功能，这里记录一下。 1、使用 react-signature-canvas 插件，npm i react-signature-canvas --save 2、此功能签名后生成的图片是base64格式，如需其他格式，可参考文档修改 3、封装的组件代码 import { Sig 阅读全文

摘要： 脑图模式   插入 ES7-ES12  ES7  Array.prototype.includes() includes() 方法用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false  幂运算符 ** 等同于 Math.pow()  ES8  Obje 阅读全文

摘要： 1. 带有多个条件的 if 语句 把多个值放在一个数组中，然后调用数组的 includes 方法。 //longhand if (x 'abc' || x 'def' || x 'ghi' || x 'jkl') { //logic } //shorthand if (['abc', 'def', 阅读全文