前端开发
HTML、CSS、JavaScript、Vue、React 等前端技术
Vue 3 组合式 API 入门指南
Vue 3 的组合式 API (Composition API) 是一种全新的组件逻辑组织方式，让代码更易复用和维护。
第四篇：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 关键字能让我们在类型层面做"逻辑判断"和"模式匹配"，从而写出自描述、自保护的代码。