前端不止写代码

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

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

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

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

中后台系统的易用性，常常取决于交互细节的打磨。总结了多个实际项目中踩过的 41 个交互类“坑”，涵盖表单、表格、滚动、权限、请求等常见场景，适用于 不同技术栈，助你构建更专业丝滑的后台体验。

在 JavaScript 中，`Object.entries` 与 `reduce` 的组合是处理对象结构转化的黄金搭配。本文将以实际例子深入浅出地讲解它们的原理与用法，并引出函数式编程的核心思想。

通过自定义请求构造钩子适配多种接口结构，结合字段显示控制与状态管理机制，保证查询逻辑稳定可控，实现对复杂查询表单与后端差异的完全屏蔽，提升组件复用性与系统可维护性。

很多开发者以为自己很忙，实则陷入了低效的重复劳动。通过搜索区、表格、编辑等场景，深度剖析封装误区与进阶策略，强调从组件到系统能力的跃迁，重构重复逻辑，提升协作效率，实现从页面能力到系统建设力的转变。

ESLint 与 Volar/Vetur 常见冲突的原理及解决方案，涵盖插槽语法、key 使用、格式化、类型检查等问题。通过实战示例与配置指南，实现规范校验与类型提示的和平共处。

本文深入浅出地手写实现了 11 个行为型设计模式，并结合前端表单、DSL、组件通信等典型场景，讲解其设计思想与实战应用，帮助你构建职责清晰、逻辑灵活、易扩展的“智能大脑”式系统架构。

Mermaid 是一款用文本生成图形的可视化工具，支持流程图、类图、时序图等多种图形类型，配合 Puppeteer 可导出 PNG/SVG，适用于技术文档、系统设计与博客创作，简单高效。

从重复造页面，到抽象生成页面！本文讲述如何将一个中后台列表页封装为规则驱动的 SmartListView，通过 pageSchema 统一控制表单、表格、请求与状态，真正实现配置即页面、规则即逻辑。

Babel、Vue、React看起来遥不可及？其实普通程序员也能自己写出小型编译器！从巴别塔到现代JS，讲透编译与Polyfill原理，带你亲手打造属于自己的领域语言。编译器，没你想的那么遥远！

本文拆解初级、中级、高级前端在能力结构、思维方式和业务理解上的核心差异，指出“熟练执行”不等于“中级”，真正的成长来自结构化思维、系统能力沉淀与技术反哺业务。适合前端开发者对标自查，厘清成长路径。

同样是做中后台列表页，初级在堆功能，中级在理结构，高级早已在构建规则。这篇文章通过常见开发场景对比三类前端的差异，揭示那些“看似很忙、实则原地转圈”的低水平重复劳动，带你看清真正的成长路径。

封装组件不是终点，错误的封装反而会引入混乱。本文结合真实项目经验，剖析中后台开发中常见的“伪封装”陷阱，强调职责边界、组合思维与配置驱动的重要性，帮助前端工程师从“写完页面”走向“构建系统”。

一款专为 Vue 2 项目设计的路由资产分析工具，一行命令即可统计路由数量、命名情况、动态组件、keepAlive 使用、路径前缀等信息，帮助你全面掌握项目路由结构。

深入解析了“前端架构”的本质：不仅是技术选型和代码规范，更是一套支撑系统稳定、协作高效、业务持续演进的规则体系。如何从“写页面的人”成长为“构建系统的人”，并提出推动式开发思维。