开发指南

开发者实用技术文章,涵盖前端开发、调试技巧、效率提升等内容

正则表达式常见错误与调试方法:为什么我的正则匹配不到?

正则表达式明明看起来没有问题,为什么就是匹配不到内容?本文整理正则表达式使用过程中最常见的错误,包括转义字符、贪婪匹配、边界符、换行符、大小写、分组等问题,并介绍实用的正则调试方法。

常用正则表达式解读——前端开发必备速查指南

系统梳理最常用的正则表达式模式,从基础元字符到复杂验证规则,帮助开发者快速理解并应用正则表达式进行字符串匹配、格式验证和文本处理。

第四篇:ESLint 与类型规则的 CI 卡点 —— 在 Git Hook 阶段强行拦截劣质类型

TypeScript 的类型检查虽然能在编辑器中提示错误,但开发者可能忽略或使用 // @ts-ignore 跳过。为了保证代码库的长期健康,必须在提交前(pre-commit)和 PR 合并前(CI)强制执行完整的类型检查,并结合 ESLint 规则约束编码风格。

第三篇:第三方库类型增强 —— 利用 declare module 补全类型缺口

项目经常会引入没有类型定义的第三方库(例如旧版 jQuery 插件、内部私有 npm 包),或者库的类型定义不完整(缺少某些方法、事件)。我们不需要重写整个库,只需利用 TypeScript 的声明合并(Declaration Merging)机制来"打补丁"。

第二篇:定制业务场景的类型守卫 —— 从 DeepReadonly 到运行时校验,根治数据污染

TypeScript 的内置类型(如 Readonly、Partial)只能处理一层结构。在 Redux/React 状态管理、配置对象深冻结、API 返回数据严格校验等场景下,我们需要深层的不可变类型、精确匹配类型等。同时,类型守卫(Type Guard)能让我们在运行时校验数据类型,弥补类型系统只存在于编译期的局限。

第一篇:重新理解泛型与条件类型 —— 解锁 infer 与分布式条件类型的威力

在日常开发中,我们常写 function identity<T>(arg: T): T 这类基础泛型。但当面对复杂的数据转换、API 响应包装、事件处理等场景时,仅靠简单泛型远远不够。条件类型(Conditional Types)和 infer 关键字能让我们在类型层面做"逻辑判断"和"模式匹配",从而写出自描述、自保护的代码。

Vue 3 组合式 API 入门指南

Vue 3 的组合式 API (Composition API) 是一种全新的组件逻辑组织方式,让代码更易复用和维护。

Git 常用命令速查表

一份实用的 Git 常用命令参考手册,涵盖日常开发中最常用的 Git 操作。