仙人掌一号

Monorepo是一种将多个项目或组件存储在一个统一的代码仓库中的策略，旨在提高代码复用性和团队协作效率。...

这是一个前端构建环境里非常核心、也非常容易混淆的问题。下面我们从来源、使用场景、编译时机、安全性四个维度来谈谈 import.meta.env 和 process.env ...

最近我身边不少朋友（包括我自己）都在看新的工作机会。我们发现，2025年的前端面试，出现了一个很有意思的新环节，几乎是必问的： 一套AI三连下来，如果你回答得磕磕巴巴，或者...

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

你有没有试过这么一件事： 打开一个AI绘图工具，敲下一段英文描述，比如： 点下“生成”按钮，30秒后，一张惊艳四座的“AI女神图”横空出世，甚至还带着那种朦胧又高级的光感，...

第一阶段：上手与困惑 —— "这玩意儿怎么跑起来？" Q1: 我想搞个 Monorepo，第一步该敲什么命令？ 不要上来就去学复杂的工具（Nx/Lerna），先用最简单的 ...

一、📕前置知识 在进入正题之前，先让我们先来复习下令人头疼🤦‍的操作系统 1. 磁盘与文件系统 磁盘上的数据是以块（block） 为单位存储的，比如每块大小 4KB。 ...

2024年第一篇文章，写于 2024-01-01 00:23分，本期的主角是 workspace（工作区）。大家可能不太了解它，但是说一个点应该可以勾起大家的回忆，就是le...

白屏是什么 白屏是React主动防御机制，React团队认为，显示错误的UI比不显示任何内容更糟糕（例如，转账金额显示错误），因此React遇到无法处理的异常，会选择卸载掉...

📋 目录 什么是 pnpm 和 Monorepo？ 为什么选择 pnpm + Monorepo？ 项目架构设计 从零搭建 Monorepo 项目 工程化配置最佳实践 依赖...

npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的n...

👉 疯狂点击分页按钮，页面数据却像抽风一样，一会儿显示第3页，一会儿又跳回第2页？ 👉 快速滑动无限滚动列表，结果数据错乱，甚至重复加载？ 这就是前端分页的竞态问题在作...

简历准备阶段 在2025年初的时候，听说公司要进行人员变动的情况，感觉情况不对，就开始准备面试了，但是平时的工作比较简单，也没有深刻的思考，拿不出难点/亮点项目，写出的简历...

在前端开发中，我们经常会遇到接口返回的文本内容过长，无法完全显示的问题。为了处理这一问题，自定义一个hook实现出现省略号自动添加Tooltip包裹。...

一文梳理Redux及衍生状态管理库，让你对redux原理，redux中间件机制和原理，以及增加对基于redux衍生出来的三方库的了解。看完文章，基本对redux的生态和历史...

有同学反馈开发 ReactNative 应用时状态管理不是很明白，接下来几篇文章我们来对比下 React 及 ReactNative 状态管理常用的几种框架的使用和优缺点。...

@reduxjs/toolkit介绍，以及createAction、counterReducer、createSlice...

本文深入解析 SPA 路由原理，对比 Hash 与 History 模式差异；结合 React-Router 源码剖析底层更新机制，并详解 History 模式的服务端配置...

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第2天，点击查看活动详情 快速入门 使用generators可以实现自己快速手写一个脚手架生成器。 ge...