# ts-study

**Repository Path**: chenchen_1111/ts-study

## Basic Information

- **Project Name**: ts-study
- **Description**: ts语法学习
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-14
- **Last Updated**: 2026-03-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ts-study

#### 介绍
TypeScript 语法学习项目 - 全面的 TypeScript 学习指南

这个项目通过实际的代码示例，帮助你快速掌握 TypeScript 的基本语法、高级特性、数据结构和算法。

#### 项目结构

```
src/
├── basics/                 # 基础语法
│   ├── 01-basic-types.ts   # 基本类型
│   ├── 02-interfaces.ts    # 接口
│   ├── 03-functions.ts     # 函数
│   └── 04-classes.ts       # 类
├── advanced/               # 高级特性
│   ├── 05-generics.ts      # 泛型
│   ├── 06-utility-types.ts # 工具类型
│   └── 07-advanced-types.ts# 高级类型
├── data-structures/        # 数据结构
│   ├── map-usage.ts        # Map 使用
│   ├── set-usage.ts        # Set 使用
│   ├── weakmap-weakset.ts  # WeakMap/WeakSet
│   └── advanced-arrays.ts  # 高级数组方法
├── algorithms/             # 算法
│   └── 09-common-algorithms.ts # 常用算法
├── examples/               # 实际应用
│   ├── api-data-handling.ts # API 数据处理
│   ├── form-validation.ts   # 表单验证
│   └── cli-tool.ts          # CLI 工具
└── index.ts                # 主入口
```

#### 学习路径

### 阶段1：基础语法 (basics/)
1. **基本类型** - 了解 TypeScript 的类型系统
2. **接口** - 学习对象类型定义
3. **函数** - 掌握函数类型和参数
4. **类** - 面向对象编程基础

### 阶段2：高级特性 (advanced/)
5. **泛型** - 类型参数化
6. **工具类型** - 内置类型变换工具
7. **高级类型** - 条件类型、映射类型等

### 阶段3：数据结构 (data-structures/)
- **Map/Set** - ES6 集合类型
- **WeakMap/WeakSet** - 弱引用集合
- **高级数组方法** - 数组操作技巧

### 阶段4：算法 (algorithms/)
- 排序算法（冒泡、快速、归并）
- 搜索算法（二分查找）
- 图算法（BFS、DFS）
- 实用算法（去重、扁平化、深拷贝）

### 阶段5：实际应用 (examples/)
- **API 数据处理** - 类型安全的 HTTP 请求
- **表单验证** - 完整的验证系统
- **CLI 工具** - 命令行应用开发

#### 安装和运行

1. 安装依赖
```bash
npm install
```

2. 运行所有示例
```bash
npm run dev
```

3. 构建项目
```bash
npm run build
```

4. 运行构建结果
```bash
npm start
```

#### 调试

使用 VS Code 调试：
1. 打开 `src/index.ts`
2. 按 F5 或点击调试面板
3. 选择 "Node.js" 配置

![debug](./src/resource/debug-demo.png)

#### 学习建议

1. **循序渐进**：按照学习路径逐步学习
2. **动手练习**：每个文件都有练习题，尝试自己实现
3. **查阅文档**：遇到问题时参考 [TypeScript 官方文档](https://www.typescriptlang.org/docs/)
4. **实际应用**：学习完基础后，尝试修改示例代码

#### 参与贡献

欢迎提交 Issue 和 Pull Request！

1. Fork 本仓库
2. 新建功能分支
3. 提交代码
4. 新建 Pull Request

#### 许可证

ISC License