最近入职了新公司，领导让我修复项目中出现的bug，当我修复了bug提交代码的时候发现并没有提交上去而且还给我报了一堆的错误，于是我就发现了原来是在代码commit的时候用eslint去检查了代码，仔细看了看package.json发现gitHooks 在代码pre-commit…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…

首先我们需要知道TCP是一种面向连接的单播协议。 TCP可以看成是一种字节流，他会处理IP层或以下层的丢包、重复以及错误问题。在连接的建立过程中，双方需要交换一些连接的的参数，这些参数可以放在TCP头部 所以TCP提供了一种可靠、面向连接、字节流、传输层的服务，采用三次握手建立…

Immer 是一个不可变数据的 Javascript 库，让你更方便的处理不可变数据。 不可变数据概念来源于函数式编程。函数式编程中，对已初始化的“变量”是不可以更改的，每次更改都要创建一个新的“变量”。 Javascript 在语言层没有实现不可变数据，需要借助第三方库来实现…

React.PureComponent（React组件优化）React.PureComponent：setStart有个小毛病好了！我们先通过一个小案例感受一下PureComponent部分源码,Pu

大家都知道，开发react项目时，推荐使用immutable的数据结构，这样react就能很高效并且正确地检测到数据变化用以确定是否更新UI。 市面上有几款帮助你实现immutable操作的库，immutable.js本身比较中规中矩，提供了一些方法，在必要时你可以调用他们，然…

Immer 是 mobx 的作者写的一个 immutable 库，核心实现是利用 ES6 的 proxy，几乎以最小的成本实现了 js 的不可变数据结构，简单易用、体量小巧、设计巧妙，满足了我们对JS不可变数据结构的需求。 无奈网络上完善的文档实在太少，所以自己写了一份，本篇文…

面试过程中手写深拷贝是一个高频的面试题，自从学习了 Immutable 感觉深拷贝真的是 out 了，在深拷贝大量数据的场景中会造成严重的CPU、内存消耗，下面来一起学习一下 Immutable 是如何巧妙的处理深拷贝而又可以节省不必要的内存消耗。 Immutable.js 由…