herry菌的专栏

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

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

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

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

创建一个从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

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

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

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