Tonychen

微前端之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。 有一天因为有新页面需要考虑长列表的问题，正好...

大家好，我是一名前端开发工程师，属于是没有赶上互联网红利，但赶上了房价飞涨时代的 95 后社畜。2024 年 3 月份我做了个决定，即使已经失业半年、负收入 10w+ 的如...

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题...