喵可乐

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1adc1fd448944831bdb6e6b6555230bb~tplv

需求传参数组（不确定数组的个数）：[1,2,3,3,4],[3,4,5,6,7],[34,56,8,9,]，求出这些数组中出现频率最高的数组以及次数

constructor() -- 构造方法 这是 es6 对类的默认方法，通过new命令生产对象实例时自动调用改方法，并且改方法是类中必须有的，如果没有显示定义 ，会默认添加空的 constructo

本意是测试一下父子组件生命周期执行顺序，发现组件的 constructor 以及render 都执行了2次，截图如下： 原因我是用crear-react-app 脚手架搭建的项目，默认是 Strict

git commit type 解释： 类型 说明 feat 新增特性 fix 修复问题 docs 修改文档 style 修改代码格式（非CSS样式修改） refactor 重构代码 test 新增、

最近跟新了chrome版本，发现打开控制台变慢了，起初还以为是笔记本的问题，就重启了，发现还是有点慢，后来search 一下果真有很多变慢的，具体原因还未可知，说一下解决的办法吧 1.打开控制台设置

实现一个红绿灯，把一个圆形 div 按照绿色 3 秒，黄色 1 秒，红色 2 秒循环改变背景色，，。

PureComponent 通过props 和state的浅比较来优化render次数，改变了生命周期方法shouldComponentUpdate,并且会自动检查组建是否需要重新渲染,根据源码： s

2021年的总结先草率写一下，主要还是2022年的展望吧，不够系统，今年的确中心不在工作上，生活上倒是有了很大的变化