前言 在 React-Router v6 完全解读指南 - history 篇 一文中我们说到了react-router的依赖库history，介绍了其内部操作浏览器路由的方式和实现原理。它是reac

一 前言 不知不觉 react-router 已经到了 v6 版本了，可能很多同学发现，v6相比之前的 v5 有着翻天覆地的变化，因为最近接触到了 React 的新项目，用到了 v6 版本的 reac

前言 大家好，我是林三心，在日常面试中，Diff算法都是绕不过去的一道坎，用最通俗的话，讲最难的知识点一直是我写文章的宗旨，今天我就用通俗的方式来讲解一下Diff算法吧？Lets Go 什么是虚拟DO

配置复杂，devtool... 模板代码太多，创建constant，action，reducer... 需要添加很多依赖包，如redux-thunk、immer... ... 1. Typescript 必须的吗？ 2. React hook 必须的吗？ 3. 不用 redux…

React 为我们提供了一套虚拟的事件系统，这套虚拟事件系统是如何工作的，笔者对源码做了一次梳理，整理了下面的文档供大家参考。 在 React事件介绍 中介绍了合成事件对象以及为什么提供合成事件对象，主要原因是因为 React 想实现一个全浏览器的框架， 为了实现这种目标就需要…

1. 项目基本准备工作 以这样的方式使用ReactDOM，说明他有render这个方法。 好了，现在我们给每一个 元素打上 一个标记 ，这样的话 就可以通过这个标记 辨别出与其他 元素的关系，也可以直接通过这标记找到该元素了。 4. 重构render方法 默认传入的elemen…

拥有一个好的文本编辑器对你的开发效率、学习曲线和时间管理都很重要。 VSCode 可能是目前排名第一的代码编辑器，我喜欢它。 我认为它如此受欢迎的原因很简单，因为 VSCode 提供了每个开发者想要的功能，包括他们甚至不知道自己需要的功能。 这就是 VSCode 的秘密魅力——…

聊起webpack，就不得不说起前端的工程化。随着JavaScript的不断做大做强，前端做的不仅仅是一些页面展示和页面特效，而是有了越来越多的用户交互和用户体验方面的优化，并且一些业务场景也能从后端解放出来转而倾向前端。前端工程师们要面对的不再是简简单单的网站，而是更为复杂的…

节流(throttle)和防抖(debounce)是网页性能优化的手段之一，也是大家在开发过程中经常忽视的点。面试也经常会被问，同时是前端进阶重要的知识点。 本文从概述，实现和源码三个部分着手，由浅入深的给大家分析和讲解节流和防抖的原理及实现，使读者能够明白其中原理并能够手写出…