tangPHP的博客

TypeScript keyof 操作符摘要 keyof 是 TypeScript 的核心类型操作符，用于提取对象类型的所有键名组成联合类型。它主要应用于类型安全场景： 基本用法：keyof T 返回对象类型 T 所有属性名的联合类型 类型安全：结合泛型可创建类型安全的取值/赋值函数，确保只能访问对象存在的属性 实用场景：常用于表单校验、表格列配置、接口字段映射等 组合技巧： keyof typeof 可从变量推导键类型 配合索引访问类型 T[K] 可提取属性值类型 工具类型基础：是 Pick、Omit 等

TypeScript中的Record工具类型用于定义键值映射对象，通过Record<K, T>指定键类型K和值类型T。它适用于状态码映射、角色权限等场景，能强制检查键的完整性。与普通对象类型相比，Record更简洁且适合固定键集合；与索引签名不同，它能精确约束必须存在的键。Record是编译时类型工具，不同于运行时的Map数据结构。推荐在需要严格键值约束时使用Record，而业务实体则适合用interface。

SCSS是Sass的一种语法格式，作为CSS的增强版，支持变量、嵌套、混合、函数等特性，最终编译为标准CSS。它通过变量统一管理样式值，利用嵌套简化层级选择器书写，借助mixin复用代码片段，并支持运算、插值等高级功能。相比原生CSS，SCSS提升了代码的可维护性和开发效率，是现代前端项目中常用的CSS预处理器。