函数组件 useRef -组件设计 React 组件的 ref 可以帮助我们拿到组件的实例或者DOM对象，从而对组件内部进行修改。日常开发中，为了使得组件具有通用性，就需要减少组件之间的依赖关系。合理地使用 ref ,使得子组件只需暴露出 ref 实例方法 ,父组件无需关注子组件内部调用子组件的实例方法。 2022-06-07 React React useRef
XHR API -- withCredentials 前言： 今天想讲讲这个 API，前几天封装的 XHR，在使用除了问题，发送 POST 请求无论如何都提示跨域了。（服务端响应头都设置好情况下） 2022-06-07 XMLHttpRequest XMLHttpRequest
XHR原型链改造思路 通过下面的案例，为大家发散下思维，改造原型链上的方法，可以做得事情很多。比如我们通过改造 XMLHttpRequest 对象原型链上的 `open`、`send`方法，可以实现前端埋点，xhr, axios请求拦截器等等 2022-06-07 JavaScript JavaScript 原型链改造 XMLHttpRequest
前端优化：竞态条件 在日常 Web 开发中，渲染界面一般是经过请求 AJAX，经过复杂的网络环境，将得到数据渲染到页面上。由于要经过复杂网络环境，难免会遇到特殊情况，当我们先后请求两个数据，由于网络原因，可能第二条比第一条先响应，导致第二条数据会比第一条先渲染到页面上，接着当第一条数据响应后，会将第二条渲染的数据覆盖渲染到页面上。导致用户体验非常不好。 2022-06-07 前端优化 前端优化
memo 和 useCallback 搭配使用 前言，开发时，当父组件重新渲染时，它的子组件也会跟着重新渲染。但是有一种情况，就是我子组件的数据是没有发生改变的，是不需要进行重新渲染。这个时候，就可以采用 memo 和 useCallback 搭配对组件进行一个优化。 2022-04-20 React Hook
React 下单测入门（2） React 下单测入门（2）引自文章前端单测学习（2）—— react 组件单测初步 - 掘金 (juejin.cn) 01 针对组件进行单测首先在 components 文件夹 创建一个组件，这边以 ToDoHeader 组件为例，同时在 components 文件夹 下创建**test** 文件下，用于测试 components 下组件 ToDo-header/index.jsx 12345 2022-04-20 Jest Jest react
React 下单测入门（1） 单元测试时用来对一个模块、函数或者列进行正确性检验的测试工作，所谓的正确性，就是保证同一单元，在给定输入下，总能得到预期的输出 2022-04-20 Jest Jest react
Git rebase -i rebase 的作用简要概括为：可以对某一段线性提交历史进行编辑、删除、复制、粘贴；因此，合理使用 rebase 命令可以使我们的提交历史干净、简洁！ 2022-04-20 Git rebase