行走的蒲公英

摘要： 关于文件下载： 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', 阅读全文

摘要： （1）一般放于工具类文件夹utils： import mqtt from 'mqtt'; import { ConfigManager } from 'utils/config'; export default { connect() { var mqttServer = ConfigManager 阅读全文

摘要： 先说明下需求：-UI设计如图（需要实现的效果）：可拖动滑块，对应百分比，以及对应css宽度。 实现步骤： 第一步：npm下载安装react-slider： npm install --save rc-slider 第二步：组件页面引入： import Slider, { Range } from " 阅读全文

摘要： 说明：现有一个小需求，切换全局社区id，页面全部数据都相应切换。选择其中一种实现方式就是使用useContext和useReducer配合管理这个公共数据id。 以下是大概步骤： 1. 新建GolobalID.tsx文件,贴代码： import { createContext, useReducer 阅读全文