Chrome DevTools 有一个覆盖率检测的功能，可以检测 JS、CSS 代码里有哪些执行了，哪些没执行。并且还会在 sources 里标记出来。 如下图，绿色的部分是执行过的，而红色的部分是没

最近的项目里需要实现一个标签组件，内部标签可任意拖动排序。网上搜了一圈发现几乎没有现成的基于react的组件能很好的满足需求。 它很好用，最短只要几行代码；又很灵活，你可以进行添加、修改、删除、排序等操作，可以在一个标签里放任何东西，可以设置任何你想要的样式（该组件本身并不包含…

在项目中有一些关键信息，需要及时更新，比如商城类项目的顶部通栏中的个人账户信息，需要在任何页面下都呈现最新数据，而一般情况下顶部通栏都是公共组件，一次引入各个页面通用。那么怎么在每次路由切换的时候更新数据呢？ 我最开始使用的是最暴力的方式，利用 Route 的 render 属…

React Router 是 React 社区最受欢迎的路由库，当你需要在一个有多个页面的 React 应用程序中根据 URL 来导航到对应的页面时，就可以使用 React Router 来处理这个问

最近在写react项目的时候遇到这么一个场景,主页面访问频繁，但是有些页面返回的时候需要保持跳出时候的状态，有些页面要重新load组件。一开始遇到这个问题的时候，觉得是不是只能把需要保持当前状态的跳转页面写成一个组件，而不去跳转路由，但是这样的页面是在是有点多，这样会使主页面变…

我们使用React开发项目的时候，基本上是单页面应用，也就离不开路由。路由看似神秘，当我们简单的模拟一下它的核心功能后，发现也就这么回事儿。本文就详细的介绍一下react-router-dom 的HashRouter的核心实现逻辑。 HashRouter是一个大的容器，它控制着…

函数组件性能比类组件好，但是在现代浏览器中，闭包和类的原始性能只有在极端场景下才会有明显的差别。 性能主要取决于代码的作用，而不是选择函数式还是类组件。尽管优化策略有差别，但性能差异可以忽略不计。 而下面会重点讲述：React的函数式组件和类组件之间根本的区别： 在心智模型上。…

mount阶段对应第一次渲染初始化时候调用的hooks方法,分别对应了mountState,mountEffect,mountReducer, mountLayoutEffect以及其他hooks。 在第一次mount阶段时，会调用mountWorkInProgressHook…

解决了的问题是：当我们一个函数组件想要有自己维护的state的时候，不得已只能转换成class。这样很麻烦！ 😄1. 重点： useState的初始值，只在第一次有效 我当时反正没有当回事，直到遇到了坑... 🌰2. 举个例子： 😄 1. 就是相当于全局作用域，一处被修改…