herry菌-CSDN博客

原创 react16与react15之间的区别

项目中我一般用的还是react15的比较多，偶尔接触react16，目前使用的大多是生命周期的区别，16新增了几个生命周期。static getDerivedStateFromProps：用于代替componentReceiveProps。是个静态方法。父组件传入子组件的属性更新时，同步更新子组件state。B的a属性值是state，会变化新值和旧值不同时，返回新值更新state，否则返回null不更新。UNSAFE_componentWillMount：用于代替co..

2020-09-13 23:44:35 808

原创前端笔记（css3实现这种进度条的方式）

需要2层div，外层是下方半透明的，内层是不透明的进度外层cssbackground-image: linear-gradient(90deg, rgba(1, 255, 255, 0.25) 60%, transparent 0);background-size: 0.20833vw;内层cssbackground-image: linear-gradient(90deg, #01FFFF 60%, transparent 0);background-size: 0....

2020-09-13 10:11:00 266

原创前端笔记（Antd将组件设置国际化中文）

头部引入国际化组件和zh_CNimport {ConfigProvider} from 'antd';import zh_CN from 'antd/es/locale/zh_CN';在组件外层放上<ConfigProvider locale={zh_CN}></ConfigProvider>

2020-09-13 10:06:24 1228 1

原创（前端笔记）react-父子组件之间的互相调用传值

子组件要调用父组件的方法：父组件传入子组件要调的方法<Child fun={this.fun.bind(this)}>子组件可通过props直接调用this.props.fun(xx)父组件要调用子组件的方法：父组件中给子组件设置onRef事件，并设置调用名=ref<Child onRef={ref=>this.child=ref} />子组件中在componentDidMount中调用this.props.onRef(this).

2020-09-13 10:00:27 257

原创前端笔记（创建顺序数组、取选中月最后一天日期、判断变量、git命令）

创建一个从0开始的顺序数组[...new Array(5).keys()] //[0,1,2,3,4]数组反向[0,1,2,3,4,5].reverse() //[4,3,2,1,0]取选中月最后一天日期getLastDay(year,month){ var new_year = year; //取当前的年份 var new_month = month++;//取下一个月的第一天，方便计算（最后一天不固定） if(month>12){//如果当前大于1

2020-07-03 10:49:20 216

原创前端笔记（关于webpack打包时内存溢出问题的解决）

首先安装increase-memory-limitcnpm install -g increase-memory-limit重启cmd，并在项目跟目录中运行一下increase-memory-limit然后打开项目的package.json，修改scripts的内容在build运行的命令后面扩展下内存，比如设为8G（足够）。node--max-old-space-size=8192然后就可以打包成功了。...

2020-07-02 18:26:32 1815 1

原创前端笔记（关于js深浅拷贝的理解）

要说深浅拷贝，首先要看下js的数据类型。大家都知道js包含基本类型和引用类型。基本类型：String、Number、Boolean、undefined、null、symbol。引用类型：Object（Function、Array、Date、RegExp(正则表达式)）基本类型放在栈中，引用类型放在堆中，但是引用类型的地址放在栈中。基本类型的拷贝：直接b=a赋值就行，本身就互不影...

2020-04-29 18:27:12 202

原创前端笔记（使用html\css\jquery造n*n的格子，根据预算购买到最多的商品）

需求：创建一个n*n的格子，n是输入框的数字，点击重渲染可以重新画一个n*n的格子，鼠标移入格子中，对应的格子背景设变成红色，点击对应的格子，背景色变成蓝色，再点一次还原颜色。要造格子有好几种方式，可以用table、ul和li，或者直接使用完全的div这里为了方便理解，我使用ul和li。定义html：box用于渲染格子<div class="box">&...

2020-04-13 16:21:48 465

原创【前端知识整理】关于闭包、let、var的一个考题

题目：html：body中有2个div遍历，给每个div添加点击事件，输出值。js：var声明：效果：点击每个div后都打印2。用户点击前，for循环就已经执行完了，是2，onclick里面拿到的就只有2。var申明的变量i，作用域不仅在for内部，也在for外部。for之后也能使用这个i换个写法就懂了：let声明：效...

2019-03-28 18:18:17 239

转载 DNF辅助代码

物品代码：[/post] 2600023 血回满 2600024 蓝回满 2600027 无敌 2600028 血蓝都回满加速药水 7300攻防药水 7301召唤法师 7302红蓝690药1133召冰精灵 1138召寒冰虎 1139召班图 1140召龙女 1145霸体药水 1142红+600 1148...

2019-03-28 18:16:22 11151 3

原创 ES6知识整理（4）--数组的扩展

最近工作比较忙，基本每天都会加班到很晚。处理一些客户端兼容问题以及提升用户体验的优化。也将近一周没更文了，现在继续es6的学习总结。上篇回顾ES6知识整理（三）--函数的扩展扩展运算符形式是3个点（...），能起到分割字符串和合并数组的作用合并数组：（代替concat）字符串转数组：Map与Se结构与Generator函数新面孔啊，之前都没听说过。1.map结构：[key,value]结构gene...

2018-06-02 23:44:03 170

herry菌的专栏