Tonychen

面试官问："用户 token 应该存在哪？" 很多人脱口而出：localStorage。 这个回答不能说错，但远称不上好答案。 一个好答案，至少要说清三件事： 有哪些常见存...

1、前言 useEffect 和 useLayoutEffect 在日常开发中经常会用到，但是你确定能够分得清楚这两个 hook 的差别吗？这篇文章会从源码层面，带你彻底搞...

微前端之ModuleFederation与qiankun对比 引言 随着前端应用规模的不断扩大和团队协作的复杂化，微前端架构逐渐成为大型前端项目的主流解决方案。在众多微前端...

1 前言 相信写过 React 的前端 er 都曾经被 useEffect 的 deps 问题坑过，要么就是 deps 太长了很难维护，要么就是 deps 写的有问题导致了...

Nuxt载荷和安全问题 前一段时间，我完成了整个产品，从Nuxt到Next的迁移，因为面临了一些在框架层面就无法解决的问题。 payload json化 在所有的的Nuxt...

1 什么是 BFC？ 1.1 概念 BFC（Block Formatting Context），即块级格式化上下文，是 CSS 中的一个重要概念。它是一个独立的渲染区域，在...

1 什么是「infer」 1.1 概念 infer 只能在 条件类型（conditional types） 中使用，用来 在类型推断时声明一个待推断的类型变量。 语法为： ...

大家好😁。 还记得我之前那篇吐槽《当 Ant Design 成了你最大的技术债》的文章吗😂？在那篇文章里，我痛斥了 Antd 的黑盒样式、难以覆盖的 !importan...

嘿，大家好！今天咱们来聊聊Next.js里一个挺核心但听起来有点玄乎的概念——水合（Hydration）。如果你用过Next.js，估计对这个词不陌生，但它到底是啥？为啥这...

通常，在两个差别不大的数据请求发出后，如果应用程序是根据哪个请求先完成就显示哪个数据的话，就会遇到竞态条件问题。 本文介绍 React 组件如何处理竞态条件问题。...

1 写在前面 React 源码里的概念实在是太多了，以至于如果真的要能完全理解源码的话，我们就不得不提前了解一部分知识，不然看源码的时候完全就是抓瞎。 2 Fiber 2....

1 题目 给你一个由若干括号和字母组成的字符串 s ，删除最小数量的无效括号，使得输入的字符串有效。 返回所有可能的结果。答案可以按 任意顺序 返回。 示例 1： 示例 2...

1 背景 React 在 18 版本引入了 Concurrent 模式，而这个模式则是用 Scheduler 这个包实现的。 在这篇文章里，我们来看下它的实现原理是什么。...

主要讲述自己被裁后的求职经历，包括自己的心态变化，面试大小厂的经历，遭遇到的 sb 公司，进入现在公司的离奇经历，以及对面试准备...

1. 背景 ahooks 是一个 React 里高频使用的 hook 库，里面封装了一些比较方便 hook，比如说 useMount、useMemoizedFn 等等。停留...

背景 初入 React Hooks 的小伙伴可能比较疑惑，为什么 useCallback 这个 Hook 每次写一个都要传入相应的 deeps 呢？，简直不要太麻烦了。 源...

1. 背景 有 React Hook 使用经验的小伙伴应该知道，如果使用 hooks 之时用了条件语句，那么编辑器通常会有报错： 会报错是一样，React Hooks 必须...

背景 在前端项目中，有多个 Vue 页面存在长列表的场景，因此都使用了一个包：vue-virtual-scroll-list。 有一天因为有新页面需要考虑长列表的问题，正好...