月亮有石头

Vue2、Vue3、React、Angular 常见视图不更新原因：Vue2 新增属性需 $set；Vue3 有解构丢响应等坑；React 需引用变化；Angular On...

本文基于 Vue 中后台系统开发实践，讲解如何通过配置驱动与状态响应式控制构建高内聚、可扩展的菜单系统，结合策略模式、观察者模式与函数式编程思想，实现结构清晰、低耦合、状态...

本文记录了在 macOS 上搭建 Flutter 开发环境的完整流程，包括 SDK 下载、环境变量配置、项目创建与运行，以及解决 Web 模式字体加载失败导致文字不显示的问...

从技术演进、系统可持续性与组织现实出发，阐述为何逐步迁移到 Vue 3 是理性选择，并提出“冻结主系统 + 新系统全新起步 + 渐进融合”三阶段策略，强调升级是为了延续系统...

本文深入浅出地解析了 `reduce` 的作用，结合实际案例演示其在数组归并、结构转换、分组统计等场景中的优势，并补充了英文语义背景及历史起源，帮助读者真正掌握并恰当运用这...

icss-website 一、项目简介与定位 icss-website 是一个基于 Next.js 14（App Router 架构）开发的现代化 CSS 技巧展示平台，致...

封装区间输入组件，采用“单字段组件 + 显式映射”替代传统多个字段组合方案，解决了回显、校验、清空等痛点，实现字段模型与 UI 的解耦，提升了表单系统的可维护性和一致性。...

常见通过 flag 变量控制视图渲染，但这种写法冗余且难维护。本文介绍如何用语义化组件名 + 配置映射替代 if-else，实现更清晰、可扩展的组件切换逻辑。...

在前端系统中，如何防止“接口拉新覆盖用户本地输入”？本文聚焦双数据源冲突问题，结合富文本编辑、表格新增等真实场景，分享两个通用的状态合并函数，帮助你构建一个“以用户为主、接...

前端 Emoji 注释规范及配套 VSCode 插件，通过在注释中自动插入语义化 Emoji，提升代码可读性、搜索效率与团队协作一致性，帮助开发者更快速理解与定位代码变更，...

介绍一种函数式校验器组合方案，帮助你摆脱 if 地狱，实现逻辑解耦、灵活组合、异步扩展与可维护性，让判断逻辑像搭乐高一样优雅可控。...

梳理了前端代码结构健康检测的核心维度与主流工具，包括 SonarQube、madge、ts-prune、depcheck 等，明确各自作用与边界，提供适用于不同项目规模的组...