lin凌

> 作者：简可 理解Fiber，就是理解现代React的灵魂。本文本文主要探索2个问题： 1. 为什么页面看起来会卡顿？ 2. Fiber是怎么解决卡顿的？ ## 一、为什...

本文介绍前端用.env 文件的原因，即区分多环境配置、避免麻烦与错误；提及 dotenv 工具加载.env 变量到 process.env，附简易及升级版实现；说明前端需构...

构建异步 UI 向来都是一件非常困难的事情。导航操作将内容隐藏在加载指示器之后，搜索框在响应无序到达时会产生竞态条件，表单提交则需要手动管理每一个加载状态标志和错误信息。每...

本文介绍一种 react 当中在一堆 jsx 中嵌入 hook 的方式 inlineHook。条件副作用、列表渲染、表单联动……...

通过图文和代码的形式分析React的原理，包括渲染流程、Diff算法、bailout策略和hooks等。参考了Zachary Lee的400行实现mini-react项目和...

前面的文章梳理了Fiber架构的render 流程，我们知道 beginWork的目的是为传入的workInprogress fiberNode生成子fiberNode，生...

🌟 引言 在前端开发的世界里，包管理器就像是项目的"生命线"，它决定了我们如何管理依赖、构建项目、发布代码。从最初的npm到后来的yarn，再到现在备受推崇的pnpm，每...

在企业级前端项目中，快速启动、统一规范和高效依赖管理是开发效率的关键。本篇文章将介绍如何搭建一套支持模板引擎与动态依赖管理的企业级脚手架，从项目骨架生成、依赖智能管理等...

苹果公司官网(apple.com)以其优雅的极简设计、流畅的交互体验和卓越的性能表现闻名于世。本文将深入解析苹果官网前端实现的技术亮点，并附上关键技术的示例代码实现。 一、...

由于私有化的时候需要用到idass（统一登陆），本地ip为：127.0.0.1:8080，统一登陆地址为：11.123.456.10，统一登陆后，idass服务无法跨ip种...

双 Token 认证机制：从原理到实践的完整实现 在现代 Web 应用中，用户认证是保障系统安全的核心环节。随着前后端分离架构的普及，传统的 Session 认证方式逐渐被...

当我们谈论 Vite 的 “快”，很多人会联想到它基于浏览器原生 ESM 的开发模式。但具体到实现层面，Vite 是如何处理模块加载、解析单文件组件的？结合这段简易的 Vi...

之前分享了大文件上传的前端实现后，但是还有很多细节没有说明，隔了这么久又来考古一下Orz. 在日常开发中，大文件上传是个绕不开的坎——动辄几百 MB 甚至 GB 级的文件，...

大家好，我是 前端大卫。 在使用 CSS 时，一般人都没有很深入研究，对于何时设置 `width: 100%` 和 `height: 100%`，不少人感到困惑。...

本文将以概述的视角简要介绍各个 bundler 的 tree shaking 原理，以及各个 bundler 的 tree shaking 之间的差异。...

本文深入解析了 ES6 模块的加载机制，介绍了 import.meta、模块作用域与静态结构等关键特性，帮助开发者全面理解现代 JavaScript 模块系统的实现原理与实...

React 的事件处理看起来和原生 JS 很像（比如都有onClick），但深入用起来会发现不少差异：为什么打印的事件对象是SyntheticEvent？为什么定时器里访问...

通过 react 合成事件的学习，学习 react 对于事件系统的分层设计，它将不同类型的事件做成了插件，每个插件提供注册事件和提取事件两个接口，插件自身去实现事件的注册和...

🌟 Monorepo 终极指南：告别项目碎片化，拥抱高效开发！ 一、什么是 Monorepo？打破传统开发困局 1.1 传统多仓库(Multi-repo)的痛点 想象一下...