摘要：
垂直居中主要分为了两种类型：居中元素宽高已知 和 居中元素宽高未知，那么我们就结合这两种类型来一一做举例。 一、居中元素宽高已知 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 阅读全文
摘要：
说明：使用antd组件走马灯，附上api链接：https://react-slick.neostack.com/docs/example/pause-on-hover 1. 第一步：下载安装： npm install react-slick --save npm install slick-caro 阅读全文
摘要：
使用type="number" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" oninput="if(value.length>11)value=value.slice(0,11)" 会有bug：拼音输入法 阅读全文
摘要：
项目中一个小需求，描述一下： 意见反馈模板，可以上传3张图片，每上传1张图片，增加1个占位图，最多上传3张。上传到第三张图片占位图消失。且支持单个、批量上传。支持显示上传进度。如图显示： elementUI组件里的，只支持一个个图片上传，这里不采用。 下面说下解决方案：使用input type='f 阅读全文