gjt19970426

在日常开发中，我们经常听到xxx要保证幂等性，在这篇文章中，我们将分析一道腾讯电商部门的二面题：如何保证幂等性？通过本文，我们将揭开幂等性概念的神秘面纱。...

项目中有遇到哪些难点吗？怎么解决的？ 项目中的自定义 hook，能举例说明吗？ 说一下 Webpack 打包流程、优化策略...

在一次面试时，面试官问我 react scheduler 调度机制原理是什么？我却支支吾吾想了半天没答上来，看着面试官轻蔑的表情，我在心里默默的下定决心：三十年河东三十年河...

作为公司内的一名高级前端码喽，大大小小也封装过了不少组件和功能，我逐渐意识到封装并非全是优点，也会存在一些不可忽视的潜在劣势。 在项目中，我们急切地对各种功能和 UI 进行...

在前端开发中，实现无感刷新 token 通常是为了保持用户的登录状态，并确保其访问权限的有效性。实现无感刷新 token 的原理以及给出一个示例。 实现原理前端无感刷新 t...

前端工程化，就是降本提效的体现，广义上，前端工程化包含一切以降低成本、提高效率、保障质量为目的的手段...

React 为了避免长时间占用主线程，浏览器环境下使用 MessageChannel 模拟 requestIdleCallback，那么MessageChannel的执行时...

1、引言 在项目的开发中，发现有很多地方（如：选择器、数据回显等）都需要用到字典数据，而且一个页面通常需要请求多个字典接口，如果每次打开同一个页面都需要重新去请求相同的数据...

前言 最近在学习 ahooks 的源码，想学习别人的思路提高一下自己自定义 hook 的能力。然后我发现 ahooks 里面其实像 useLatest、useMemoize...

2019年下半年，为了将微信钱包/支付宝九宫格入口的滴滴出行迁移为小程序，团队对小程序进行了大量的功能升级与补全。在整个过程中也遇到并克服了一系列问题和挑战，其中包体积问题...

写在前面 本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进...

React18引入了并发功能并从根本上改变React应用的渲染方式，我们将会研究这些最新功能的影响以及如何提升应用的性能。本文带你了解并发功能如何提高应用程序的性能，同时帮...

React的`useEffect`钩子是React函数组件中处理副作用(如API请求、订阅或手动修改DOM等)的重要工具。本文中，我将通过一个简单的例子解释如何用代码实现u...

1.你知道哪些React hooks？ useState：用于管理功能组件中的状态。 useEffect：用于在功能组件中执行副作用，例如获取数据或订阅事件。 useCon...

本系列文章均为讨论 React v17.0.0-alpha 的源码。React 的工作流程主要分为 render 和 commit 两个阶段，本文主要是讨论 render ...

React的Render阶段---Reconciler，这一阶段主要是构建了wip fiber tree， 生成对应的dom节点，并且给变动的fiber打上对应的flags...

前言 这是React源码系列专栏的第六篇文章，预计写10篇左右，之前的文章请查看文末，通过本专栏的学习，相信大家可以快速掌握React源码的相关概念以及核心思想，向成为大佬...

本文介绍了 React 18 的自动批量更新特性，和之前版本的批量更新进行了对比。并且使用代码模拟了批量更新的不同实现思路。...

<1> transaction 事务【合成事件and生命周期函数】 因为事务的执行流程为： 在事务中会最先设置环境变量isBatchingUpdates为true 而执行 ...