知途

本文探究的方案是基于一次react-router + react-transition-group实现转场动画的探索这篇文章里的例子，补充了原文没有提到的点，结合实际开发中遇到的问题，优化解决了一些棘手的问题，可以说是当前最全最优方案。推荐先看完那篇文章后，再来探究本文讨论的技…

随着应用状态越来越复杂，我们迫切需要状态与数据流管理的解决方案。熟悉 React 开发的同学一定听说过 Redux，而在这篇文章中，我们将通过 useReducer + useContext 的组合实现一个简易版的 Redux。首先，我们将带你重新认识“老朋友”useState…

在第二篇教程中，我们将手把手带你用自定义 Hook 重构之前的组件代码，让它变得更清晰、并且可以实现逻辑复用。在重构完成之后，我们陷入了组件“不断获取数据并重新渲染”的无限循环，这时候，useCallback 站了出来，如同定海神针一般拯救了我们的应用…… 在上一篇教程中，我们…

我们来研究一下最近天天都在使用 React Hook。说起 Hook，烧烤哥也用了好一阵子了，但是一直不知道 Hook 背后到底是怎么运作的，在出现 Bug 的时候只能靠一半猜一半试来解 Bug，这显然是不行的。所以，今天开始就让我们来把 React Hook 慢慢烤透，以便在…

之前在学习 React Hooks 的过程中，看到一篇外网文章，通过 Hooks 来请求数据，并将这段逻辑抽象成一个新的 Hooks 给其他组件复用，我也在我的博客里翻译了一下：《在 React Hooks 中如何请求数据？》，感兴趣可以看看。虽然是去年的文章，在阅读之后一下子…

在前端性能优化中，浏览器缓存一直占有比较重要的地位，一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷，所以了解浏览器的缓存机制原理，对于前端工程师来说，是很有必要的。 浏览器先根据资源请求的http头部信息来判断…

在开发中经常会遇到网站的性能瓶颈，打开慢的情况。我们平常开发中怎么一步一步排查这些问题并 解决问题呢 javascript执行慢。 接口响应慢。 资源加载慢。 浏览器渲染慢。 。。。 我们只能要求自己，所以用户手机网速慢是不存在的～。 我们将从几个方面着手讲一下排查问题的手段。…

在我们面试的过程中，经常会遇到问源码的环节，因为优秀的框架通常都会包含很多设计理念跟编程实践。这段时间我一直在看Vue2的源码，发现了很多有意思的实现。虽然现在Vue3都已经发布了，也无法否认Vue2是个优秀的框架这个事实，不影响我们从中学到一些最佳实践。 对Vue不感兴趣的同…

​ 因为最近打算自己搭建一个自己的博客系统，用来记录日常的学习和提升一下写作水平，所以能就打算自己搭建一下前后端项目。在网上找了下，也没有找到合适（现成）的项目，所以就打算自己动手来搭建一下。这篇文章主要描述如何搭建一个node的API接口服务。 网上的node框架也挺多的，用…