通过debounce函数来减少某些操作的触发频次，已经成为了司空见惯的优化方式。 debounce 是如何减少函数调用的？ 我们先写一个简单的debounce函数 原理其实就是利用闭包缓存了timer

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

本项目是我现在所在部门的项目，是一个企业级中后台管理系统，包括系统管理、角色权限体系、基于 Activiti 的工作流引擎等很多开箱即用的功能。项目包括前后端，后端是我们部门自研的基于 Spring 的企业级 Java 框架，前端是 React 技术栈，当时还是 v15 版本。…

笔者是一个 react 重度爱好者，在工作之余，也看了不少的 react 文章, 写了很多 react 项目 ,接下来笔者讨论一下 React 性能优化的主要方向和一些工作中的小技巧。送人玫瑰，手留余香，阅读的朋友可以给笔者点赞，关注一波 。 陆续更新前端文章。 方向分别加以探…

从上图可以发现在这时间内， nodes 节点一直在增长，很有可能发生了内存泄露。 发现这个节点是直播间里的进房消息，里面是 react 存的 FiberNode 节点，观察了一下里面这些 bi 基本上都是消息元素。 还是消息信息，说明是这个导致 bi 增加的。我们继续展开： 仔…

项目慢慢有了起色，一些哥们就拆分了一些子组件，必然，它们间将有一些数据流动 —— 问题不大，可以让它们紧密联系。 不过，现实总是很残酷，父子孙组件间关系往往混乱无比。 确实，项目迭代过程中，不可避免地就会出现组件间状态共享，而导致逻辑交错，难以控制。 再加上强制约束：只能通过调…

说起逻辑复用，熟悉 react 小伙伴们一口道出了 HOC [高阶组件] 。没错，高阶组件可以实现逻辑复用，在 hook 之前 react 还有挺多不错的方案。那么，让我们来浅谈 HOC 与 自定义 hook。 在 Vue 中有不错的 v-model.trim 语法糖【自动去掉…

经过了上一篇文章的科普，大家应该都对前端的自动化测试有了一定的了解。 由于国内对于前端自动化的实践不多，相关介绍的文章也很少，中文资料匮乏，很多库类只能通过去阅读英文官方文档来学习使用。当然，在这篇文章中我会尽量给大家将英文文档中比较基础比较重要的部分讲解一下。 既然是与 Re…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题，本文中使用的代码都是简化后的，不代表生产环境。生产环境的代码肯定比文中的例子要复杂很多，但是简化后的思想应该是相通的。 那么比如在路由发生…