love-小七-CSDN博客

原创使用umi的keep Alive实现详情编辑页面的回退,保留列表的查询条件

前言: 对于这种沙雕还有智障的需求,我们说了我们拒绝但是领导有显得非常不高兴,觉得你很不愿意干活,希望有领导产品看到这篇帖子的时候请记住你认为的想法都是傻X的,要是这个功能很好用的话,为什么知名的网站详情页面或者编辑页面不这样做呢,自以为是最傻X,废话不哔哔上代码import KeepAlive from 'react-activation'; // 在此处还得依赖一个umi-plugin-keep-alive,这样的库否则有bugimport ProTable from '@ant-des

2021-08-26 10:41:10 2565 7

原创 antd design Pro拉去umi模板git报错原因

前言：作为react使用玩家, 目前针对它这个周边的生态很是喜欢, 比如ant designUI力与美的结合，而ant design Pro更是一个很棒的选择, 封装好了一系列的高级组件, 开箱即用的很好的UI模板很是项目紧张, 学习的好模板, 官网地址废话不多说，上货????在拉去官方模板以前, 可能会报错不要慌, 这时候冷静下来, 可以先看一下报错因为, 百分之八十的错误都在报错里面能够解决问题,如果此步骤没有解决, 可以跟我在地下评论留言, 我可以帮你看一下你的问题, 此处这个有一个转载这

2021-08-02 11:54:55 587

原创 react 悬浮现实Tooltip封装

前言：对于前端多余文字超出后现实三个点，悬浮上去后悬浮出来剩余文字，这样子的功能清凉有便捷，深的用户喜爱，废话不多说，上代码????import { Tooltip } from 'antd';/** * * 手势悬浮封装 * * */export const TooltipRender = (str, num) => { if (!str) { return '-'; } if (str.length > num) {

2021-07-07 21:45:15 652

原创使用html2canvas下载海报，里面的图片却下载不了兼容谷歌浏览器做下载

前言：对于海报的下载，大家可能都不太陌生，手机上下载一张海报图片清爽而又便捷，废话不多说，上代码????//下载依赖yarn add html2canvas下载好了依赖的插件后，到咱们开始写代码的时候，<div id="html2canvas"> <Row> <Col span={24} style={{ textAlign: 'center' }}> <Title level={5}>运营平台<

2021-05-10 15:07:17 1034 2

原创前端上传表格，变成可处理的JSON数据

前言：在对于刚刚入行的前端小伙伴们，对于项目功能我相信肯定有一种心态，后台能处理的数据就都有后台来处理，前端不做任何处理最好，哈哈，1.前端处理的数据不能持久化，就算是数据持久化也都是依赖h5的新特性，做本地存贮一个是存在浏览器缓存上面（Session），一种则是通过浏览器存在电脑的硬盘上面（Local），这对前端处理数据大大的有点难度2.依赖了接口这样每次调用接口来处理这个数据，感觉方便了很多，但是后端又不愿意了，哈哈——>哔哔一大堆，废话不多说上代码//下载依赖yarn add x

2021-05-10 14:04:10 479

原创 umi优化项目打包的体积，有效的减小打包体积，

废话不多说·直接上代码import { defineConfig, utils } from 'umi';import defaultSettings from './defaultSettings';import proxy from './proxy';import routes from './routes';import webpackPlugin from './plugin.config';const { winPath } = utils; // preview.pro.ant.

2021-04-23 17:14:07 3257 2

原创关于react的防抖小知识，

莫走往下看 //模仿ajax请求 ajax = (content) => { console.log('ajax：' + content) }; onDebounceKeyUpClick = (e) => {//加入防抖动后在频繁输入后不会发送请求 let debounceAjax = this.debounce(() => this.ajax(e.target.value), 10000) deboun

2021-03-16 18:15:49 130

原创前端面试题

求一组二维数组全排结果var arr = [[‘A’, ‘B’], [‘a’, ‘b’], [‘1’, ‘2’]]; function test (arr) { let len = arr.length; if(len >= 0) { let newArray = arr[0]; for(let i = 1; i < arr.length; i++) { newArray = f

2021-02-09 10:05:25 65

原创 js对象的values取值key, key取值values

废话不多说直接上代码一下对于js的灵活，有没有被震惊到，说到震惊还是看一下，递归+find筛选出来多个然后在存放到一组数组里面从而达到取值到key，只放一个参数以及，不懂的私聊我帮你写哈哈哈， const findKey = (value, compare = (a, b) => (a === b)) => { return Object.keys(columnData).find(k => compare(columnData[k], value)); };哈哈，

2021-02-05 18:18:27 1679 12

原创使用ant design表单校验一些表达式，使用自定义校验两种写法

1.用promise这样自定义书写更友好一点书写方式毕竟与时俱进了，当让如果你想用最老的函数式书写，莫走往下看 // andUI@4里面所写的是用promise来书写报错与正确 rules={[{ required: true, message: '预警时间cors输入错误', validator: (rule, value) => { if(!!value){ const parser = require('cron-parse

2021-02-02 17:08:48 697 2

weixin_48034401的博客