React
react
填了个大空
这个人不懒,但是他什么都不想留下
展开
-
前端(Vue、React)导出blob文件(excel、zip等)
导出文件原创 2024-04-15 15:13:23 · 164 阅读 · 0 评论 -
js实现复制粘贴(兼容IOS 9.3)以上版本
/* HTML */<!-- 复制按钮 --><div class="copyBtn" onclick="copyContent('adas1165465165');">复制淘口令</div><input id="copy_content" type="text" value="" style="position: fixed;top: -100px;z-index: -10;" /> /*js*/// 点击复制function copyCon原创 2020-09-16 09:45:44 · 335 阅读 · 0 评论 -
常用工具库
表单// 邮箱验证export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}// 手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}// 电话号码export const isPhone = (s) => {原创 2020-06-01 14:06:42 · 524 阅读 · 0 评论 -
React上传头像并且裁剪
React React上传头像并且裁剪使用一个插件 react-avatar-editor文档地址: https://www.npmjs.com/package/react-avatar-editornpm 下载 npm i react-avatar-editor -S版本最好是10.0.7,新版可能会报错文件不能使用http图片,否则canvas导出会报错跨域,只能从本地上传图片然后转换成base64传给裁剪组件代码和效果(使用antd - ui)import AvatarEditor原创 2020-08-21 10:50:17 · 989 阅读 · 0 评论 -
react 使用 NProgress 顶部滚动条
首先下载npm i nprogress -S之后项目中引入–css文件必须引入,否则会无效import NProgress from 'nprogress'import 'nprogress/nprogress.css'在请求之前使用,请求完成后关闭NProgress.start() // 显示滚动条NProgress.done() // 关闭滚动条全局请求方法中修改样式#nprogress .bar { background: #1890ff !important; h原创 2020-07-24 14:49:34 · 783 阅读 · 0 评论 -
react万能改变表单项
// 改变表单项export const changeForm = (key, value, formData) => { let cloneFormData = { ...formData } return new Promise((resolve) => { if (typeof key == 'object' && typeof key.length == 'number' && typeof value.length != 'number原创 2020-07-06 10:37:45 · 411 阅读 · 0 评论 -
React&antd表格合并列
合并表格中连续的相同的列// antd表格合并列/*key: 键值row:当前行index:当前行索引listData:表格全部数据*/export const rowSpanTable = (key, row, index, listData) => { let rowSpan = 1 let arrIndex = 0 listData.forEach((item, Dindex) => { if (item.id === row.id) { a原创 2020-06-30 09:57:44 · 1299 阅读 · 2 评论 -
React中使用echarts(折线图)
组件代码import React, { Component } from 'react'import echarts from 'echarts'class Echart extends Component { constructor(props) { super(props) this.state = { } } // 挂载完成之后,因为React初始化echarts时长宽可能会获取到顶层,所以延迟200去生成,不影响视觉效果 componentDidMo原创 2020-06-28 20:00:13 · 4045 阅读 · 2 评论