ttod的博客

C#开发者转TypeScript必看：构造函数重载为什么要写"三遍"？——从Babylon.js实战揭秘类型擦除真相

TypeScript 类继承中的参数属性陷阱：两种写法的本质差异

Vite HMR 导致 JavaScript Set.has() 对同一对象返回 false 的踩坑记录

只认属性不认人：TypeScript 鸭子类型编程哲学

搞懂微任务与宏任务：Vue3高级用法与面试实战

从Unity的C#到Babylon.js的typescript：“函数重载“变成“类型魔法“

理解单一职责原则：通过接口分离职责（基于TypeScript严格模式）

掌握SOLID原则：写出稳健可维护的代码（示例代码基于TypeScript严格模式）

从 Switch-Case 到自注册工厂：优雅的驱动行为管理系统重构

TypeScript静态类中的this：指向类本身而非实例

Babylon.js延迟执行：Promise.resolve().then()、setTimeout 与 requestAnimationFrame

TypeScript严格模式下的undefined与null

本文探讨了在Vue3中结合TypeScript严格模式构建高性能监控系统的最佳实践。包括：1）通过TypeScript严格类型检查和Vue3实现组件生命周期、异步请求等精确性能追踪；2）开发了可复用的性能监控Hook，如组件性能追踪、FPS监控、滚动性能分析等；3）结合Web Worker进行复杂计算任务隔离监控；4）实现自定义指令和Web Vitals集成方案。文章特别强调了严格模式下的类型安全处理、性能数据采样控制以及内存管理策略，为Vue应用提供了从开发到生产全周期的

本文探讨了如何结合TypeScript和Performance API构建高性能前端监控系统。重点介绍了资源加载监控、Web Vitals指标追踪、自定义性能打点等核心实践，并提供了批量上报策略和Service Worker监控等高级技巧。通过类型安全的数据结构和采样控制等优化手段，在确保监控精度的同时降低性能影响。文章还展示了完整的SDK实现方案，包括初始化配置和业务集成案例。这种类型安全的性能监控方法能有效定位瓶颈、优化用户体验，并为未来的全链路追踪和智能分析奠定基础。

本文深入解析TypeScript中find和filter数组方法的区别与使用场景。find返回第一个匹配元素或undefined，具有短路特性；filter返回所有匹配元素的新数组。通过8个典型示例演示了它们在数值查找、对象筛选、类型守卫、性能优化等方面的应用。关键区别在于：find适合查找单个元素（需处理undefined），filter适合获取多个匹配项（始终返回数组）。最佳实践建议：存在性检查用some，查找单个用find，筛选多个用filter，索引操作配合findIndex。

本文解析了TypeScript中数组some方法的使用技巧。some方法用于检测数组中是否存在满足条件的元素，具有短路特性（找到即停止遍历）和不改变原数组的特点。通过7个典型示例，展示了其应用场景，对比了some与every方法的区别，并给出最佳实践建议：在检查存在性时优先使用some而非filter+length组合，以获得更好的性能。强调了在TypeScript严格模式下正确处理类型注解和空值的重要性。指出some方法最适合是否存在...的业务场景，而不适用获取所有匹配项或统计数量的情况。

本文详细介绍了TypeScript严格模式下数组方法。涵盖遍历方法、查找方法、操作方法、排序方法、连接转换方法以及ES6+新增方法。文章强调类型安全的重要性，提供了大量严格模式下的示例代码，并分享性能优化、错误处理等最佳实践。通过掌握这些方法，开发者可以编写更健壮、高效且类型安全的TypeScript代，提升开发效率和代码质量。

本文探讨了TypeScript中Record类型在严格模式下的应用，通过重构游戏编辑器案例展示了其优势。Record类型解决了传统工厂函数存在的重复性高、可维护性差等问题，提供了更安全的类型检查机制。文章详细介绍了Record的基础用法、精确类型约束、Partial处理动态键等技巧，并展示了泛型工厂、配置管理、权限系统等实战场景。严格模式下，Record强制处理undefined，结合readonly和as const确保不可变性，显著提升代码安全性和可维护性。相比switch语句，Record具有更好的性

Babylon.js 里的 “假枚举”：TS 枚举的那些小秘密

TypeScript 循环“逃生”指南：forEach 为何跳不出，Set 又该如何优雅地 break？

Map、Dictionary、Hash Table：到底该用哪一个？

五分钟掌握 TypeScript 的 .map() —— 五个最常用场景

基于typescript严格模式以实现undo和redo功能为目标的命令模式代码参考

TypeScript 配置全解析：tsconfig.json、tsconfig.app.json 与 tsconfig.node.json 的深度指南

彻底移除 HTML 元素：element.remove() 的本质与最佳实践

TypeScript 中的 Getter 和 Setter：优雅的属性访问控制

深入理解 JavaScript/TypeScript 中的展开运算符（...）

TypeScript 中 Map 的全面指南：从基础到高级应用

TypeScript 开发实战：如何安全替换字符串中的关键字

解构赋值在 TypeScript 中的妙用：以 Babylon.js 的 loadModel 函数为例

深入浅出 TypeScript 中的 Promise：类型安全的异步编程指南（附Babylon.js中使用Promise案例）

理解 package.json ：在基于 TypeScript 开发 Babylon.js 项目中的关键角色

TypeScript 中的 keyof 关键词：解锁类型安全的动态属性访问

为什么在 TypeScript 中需要使用 import type？——以 Babylon.js 为例

零基础学透 TypeScript 之38 使用TypeScript开发Vue组件和使用Vue组件

零基础学透 TypeScript 之37 搭建后台界面布局和结合Vuex实现完整登录流程

零基础学透 TypeScript 之36 实现登录页并用Mock响应请求

零基础学透 TypeScript 之35 封装接口请求

零基础学透 TypeScript 之34 搭建基础项目

零基础学透 TypeScript 之33 书写声明文件之砍柴：为不同类型库书写声明文件