daxi玫瑰的博客

Antd pro中ProFormSelect使用initialValues

模块“"react-router-dom"”没有导出的成员“Switch”.解决方法

npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

前端优化方法大全

1.安装2.导入3.调用，注意这里是options，与echarts的option不同，在网上复制的很多都是option，导致图表出不来....so sad

这两个方法都是定时器setInterval：循环执行的setTimeout：只执行一次当然，如果使用了定时器，注意要销毁，防止内存泄漏componentWillUnmount() { clearInterval(this.interval); }

之前写了一个时间按秒更新的方法，当时实现了这个功能，不过后期发现同一个页面的时间选择框无法选择月份和年份经过分析定位，发现原来是因为事件冒泡，所以我们要阻止事件冒泡，即在<DatePicker 日期选择框外面包一层div ，：<div className="config-label-right" onClick={(e) => { e.stopPropagation() }}> 这样就可以防止事件冒泡了。经了解：事件冒泡：是由内到外的事件捕获：由...

不说废话，直接上菜~/** * 检查IP、子网掩码和默认网关组合是否合理 * @param {} IP * @param {} Mask * @param {} DefaultGatWay * @return {Boolean} */ValideIPAndMaskAndDefaultGatWay = (IP, Mask, DefaultGatWay) => { var IPkArr = IP.split('.'); var MaskkArr = Mask.split

最近遇到这样一个问题，项目在谷歌上完全正常，但是到了ie浏览器，发现点击保存之后界面没有刷新，打开F12，接口调用成功，下发参数正确，查询返回的结果还是原来那个。定位之后，发现查询走的是浏览器缓存...F12已接收那显示（来自缓存），时间0秒。下面就是清缓存的方法：加上这句 Pragma: 'no-cache',headers: { Pragma: 'no-cache', //解决IE 11走缓存无法刷新问题 Aut...

export default class getCfgShow { static fetch() { return new Promise(function(resolve, reject) { fetch('访问的文件路径').then(function (response) { return response.json(); }).then(function (data) { ...

这两天实现了一个小功能，就是强密码校验，这里强密码，我们把它暂定为：长度大于等于8位，且包含大写字母、小写字母、特殊字符、阿拉伯数字四者中3种或以上。现在直入主题：1.校验方法：var getPwdStrength = function(pwd) { var level = 1; if (pwd.length >= 8) { level += 5; } var m = [ /[a-z]/, /[A-Z]/,

>>>>上一篇笔记中，写的是根据当前时间实现按秒更新，但是发现与实际的要求不一样，要求是先获取到一个时间，然后在再这个时间的基础上实现按秒更新，emmm 那么我们今天就按照新的要求来实现它~一，对获取到的字符串格式的时间数据进行处理1.定义几个变量：var date = new Date();const TimeZoneArray = [-12, -11, -10, -9, -8, -7, -6, -5, -4.5, -4, -3.5, -3, -2, -1, 0,

>>>>react实现时间按秒变化实现一个小功能，显示当前的系统时间，且时间根据秒变化。这个很容易实现的，实现思路如下：componentDidMount() { this.interval = setInterval(() => this.setState({ time: this.timestampToTime(new Date().getTime()) }), 1000);}componentWillUnmount() { clearIn.

前言：前几天公司里面一个小姐姐做了个关于浏览器的回流和重绘的培训，想着自己对这块也不太懂，于是有了这篇笔记，学习记录一下。正文如下：浏览器渲染的步骤是：html经过渲染生成DOM树，css经过渲染生成css渲染树，两者再经过结合，生成render tree，浏览器就可以根据render tree进行画面绘制。如果css发生变化了，需要更新页面，这时候就可能会发生回流和重绘。注意：回流必定会引起重绘，但是重绘并不一定会引起回流。回流比重绘的代价要更高。1.重绘repaint：当前.

一般在开发的时候，经常需要再本地运行两个项目，如果使用npm可能会端口冲突（使用yarn时，会有端口冲突的提示，并自动切换端口），这时候我们可以修改端口号，保证同时运行两个项目。步骤如下：进入到 node_modules -> react-scripts -> scripts -> start.js如图所示，将端口改为3999（不过每次使用yarn install XXX 之后，还会自动变为3000）...

1.通过安装插件，将less转成cssnpm install -g less然后进入到需要转换的目录（例：cd .\src\pages\login\），输入命令：例：lessc login.less login.cssbut，这种方法只能临时解决一个文件问题，治标不治本。2.去node_modules目录下，找到react-scripts -> config -> webpack.config.js 修改里面的内容：参考css-loader ，配置一下less-lo.

最近写了个登录记住密码的功能，结果和浏览器自带的记住密码冲突，导致样式变得很糟糕，百度了一堆都不好用，下面这个亲测有效！！！与君共勉~input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active { -webkit-transition: "color 9999s ease-out, background-color 999...

遇到了vscode软件打开后黑屏的问题，系统为windows尝试了网上说的很多种方案：如：配置属性那里，勾选兼容性或者管理员权限打开上述两个方法不但没有很好的解决问题，还引入了新问题，让我这个菜鸟更是一个头两个大…but，接着我又找到一个好的方案，尝试了一下，是我要的效果，很好的解决了我的问题。下面是解决方案：（知识均来自互联网&我的加工理解）1.点击下载：https://do...