LeeWahJoel

一、业务背景与痛点 在中后台系统的实际业务场景中，通常会遇到以下场景： ​订单管理​：用户正在填写一张复杂的订单表单，已输入大量数据 ​库存查询​：需要临时切换到这里查询商...

进程与线程是一个程序员的必知概念，面试经常被问及，但是一些文章内容只是讲讲理论知识，可能一些小伙伴并没有真的理解，在实际开发中应用也比较少。本篇文章除了介绍概念，通过Nod...

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnim...

前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中...

如果你的面试缺少一个亮点项目，我的组件库项目一定能帮助你在面试中脱颖而出，如果你想学习一个全面提高前端技能的项目，你更要进来了解一下了！...

面试官：“聊聊浏览器存储吧。” 我：“Cookie, LocalStorage...” 面试官：“然后呢？IndexedDB 了解吗？” 我：“...” 作为一名前端面试官...

本文介绍了纯前端全文搜索技术的实现，包括 IndexedDB 构建的倒排索引、前缀搜索、分词优化及多语言支持。...

SSR 是 Server Side Rendering，服务端渲染，服务端返回渲染出的 html，浏览器解析 html 来构建页面。 其实这是一项很古老的技术，很早之前服务...

候选者：面试官你好，请问面试可以开始了吗 面试官：嗯，开始吧 面试官：今天来聊聊TCP吧，TCP的各个状态还有印象吗？ 候选者：还有些许印象的，要不我就来简单说下TCP的三...

在前端与 Node.js 开发中，包管理器是连接项目与海量开源依赖的核心工具。从最早的 npm 到后来的 yarn，再到如今备受青睐的 pnpm，每一次迭代都围绕着 “效率...

工程化目的是为了提升团队的开发效率、提高项目的质量 例如大家所熟悉的构建工具、性能优化、组件库等知识，都属于工程化的内容...

其实乐观更新并不是一个新潮的思想，但大家普遍不会去实现乐观更新，归根到底还是实现成本太高。所以本篇会结合 Next.js 和 useOptimistic 讲解如何低成本并考...

2020年的12月21日，react官方对外宣布了一个还处于打磨阶段的新特性：“React server component”。官网的blog上对于“React serve...

都会用 nextTick，也都知道作用是在下次 DOM 更新循环结束之后，执行延迟回调能拿到更新后的 DOM 相关信息.......

在上一篇文章这里我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的t...

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

Hook 使用规则 在官方文档Hook 概览 – React (docschina.org)中，对于 Hook 使用规则叙述如下： 可以看到，官方文档中明确说明了，不要在循...

setState异步更新 我们都知道，React通过this.state来访问state，通过this.setState()方法来更新state...