✨ add medium topic and fix some style

Author: exploitationExplorers

docs/challenges/easy/awaited.md

@@ -4,7 +4,7 @@ title: 实现Awaited
 
 # {{ $frontmatter.title }}
 
-## 题目描述
+## 🎯 题目描述
 
 假如我们有一个 Promise 对象，这个 Promise 对象会返回一个类型。在 TS 中，我们用 `Promise<T>` 中的 T 来描述这个 Promise 返回的类型。请你实现一个类型，可以获取这个类型。
 
@@ -16,7 +16,7 @@ type ExampleType = Promise<string>;
 type Result = MyAwaited<ExampleType>; // string
 ```
 
-## 分析
+## 🔍 分析
 
 ```ts
 type MyAwaited<T> = T extends Promise<infer R> ? R : never;
@@ -41,7 +41,7 @@ type Case2 = MyAwaited<Promise<Promise<string>>>; // string
 type Case3 = MyAwaited<Promise<Promise<Promise<string>>>>; // string
 ```
 
-## 题解
+## 🛠️ 题解
 
 在题目的 Case 中，存在如下场景：
 
@@ -65,7 +65,7 @@ type MyAwaited<T> = T extends
 
 这里还有一点值得一提的是，当联合类型位于 `extends` 右侧时，并没有分发特性，虽然判断会做多次，但是其多次判断的结果会以或的方式合并后交由 `extends` 的逻辑处理，比如，`'a' extends 'a' | 'b' ? 1 : 2`，此时，可以理解为会进行 `'a' extends 'a'` 以及 `'a' extends 'b'`两次判断，两者有一处为 true 即返回 1，否则返回 2。但是并不会返回 `1 | 2`。
 
-## 知识点
+## 💡 知识点
 
 1. `A extends Promise<infer R>`，匹配推断类型
 2. 递归解决嵌套问题

docs/challenges/easy/index.md

@@ -4,7 +4,7 @@ title: 实现Readonly
 
 # {{ $frontmatter.title }}
 
-## 题目描述
+## 🎯 题目描述
 
 不要使用内置的 `Readonly<T>`，自己实现一个。
 
@@ -29,7 +29,7 @@ todo.title = 'Hello'; // Error: cannot reassign a readonly property
 todo.description = 'barFoo'; // Error: cannot reassign a readonly property
 ```
 
-## 分析
+## 🔍 分析
 
 这一题，本质也是对对象类型进行遍历，然后为每一个属性增加 `readonly` 的修饰符，只需要在遍历的时候为每一个属性增加只读修饰符。
 
@@ -39,15 +39,15 @@ type MyReadonly<T> = {
 };
 ```
 
-## 题解
+## 🛠️ 题解
 
 ```ts
 type MyReadonly<T> = {
   readonly [P in keyof T]: T[P];
 };
 ```
 
-## 知识点
+## 💡 知识点
 
 1. `[P in keyof T]` 遍历 对象类型(数组也是对象)
 2. `readonly` 增加修饰符即可

docs/challenges/easy/paramEters.md

@@ -4,7 +4,7 @@ title: 实现Parameters
 
 # {{ $frontmatter.title }}
 
-## 题目描述
+## 🎯 题目描述
 
 实现内置的 `Parameters<T>` 类型，而不是直接使用它。
 
@@ -17,7 +17,7 @@ const foo = (arg1: string, arg2: number): void => {};
 type FunctionParamsType = MyParameters<typeof foo>;
 ```
 
-## 分析
+## 🔍 分析
 
 使用 `A extends infer B` 这样的匹配推断，不过这里推断的是函数的参数。可以先从一个参数推断开始：
 
@@ -39,15 +39,15 @@ type Case2 = MyFirstParameter<() => {}>;
 
 可以通过扩展操作符进行。
 
-## 题解
+## 🛠️ 题解
 
 ```ts
 type Parameters<T extends (...args: any) => any> =
   // 扩展操作符，推断出 P
   T extends (...args: infer P) => any ? P : never;
 ```
 
-## 知识点
+## 💡 知识点
 
 1. 函数类型，也可以做推断匹配，`A extends (...args: infer P) => infer R`
 2. 函数类型，推断匹配时，使用扩展操作符

docs/challenges/easy/pick.md

@@ -4,7 +4,7 @@ title: 实现Pick
 
 # {{ $frontmatter.title }}
 
-## 题目描述
+## 🎯 题目描述
 
 实现 TS 内置的 `Pick<T, K>`，但不可以使用它。
 
@@ -27,7 +27,7 @@ const todo: TodoPreview = {
 };
 ```
 
-## 分析
+## 🔍 分析
 
 此题的核心在于对 对象类型 的遍历并修改，对 对象类型的遍历方法如下：
 
@@ -42,14 +42,14 @@ type Case1 = Copy<{ a: string; b: string }>;
 `keyof T` 本身是个联合类型，`[P in keyof T]` 便是将联合类型取出作为新类型的键值， 在上例中，流程如下：
 
 ```ts
-// step1: keyof T: 'a' | 'b'
-// ['a']: T['a'] (也就是 string)
+// 💡 step1: keyof T: 'a' | 'b'
+// 💡 ['a']: T['a'] (也就是 string)
 // ['b']: T['b'] (也就是 string)
 // type Case1 = { a: string, b: string }
 type Case1 = Copy<{ a: 1; b: 2 }>;
 ```
 
-## 题解
+## 🛠️ 题解
 
 理解了上述遍历的行为后，实现 `Pick` 就非常简单了，只需要把 `keyof T` 这个联合类型换成入参的 `K` 即可：
 
@@ -67,7 +67,7 @@ type Case2 = MyPick<{ a: string; b: string; c: string }, 'a' | 'b'>;
 
 注意：上述需要对 `K` 进行约束，也就是 `K extends keyof T`，因为 K 如果不是类型的键值的话，需要进行类型约束，否则 `T[P]` 将会因为访问不到类型而报错。
 
-## 知识点
+## 💡 知识点
 
 1. `[P in keyof T]: T[P]` 遍历 对象类型/数组类型
 2. `[P in K]: T[P]` ，根据传入的 K 进行遍历，此时 K 需要满足 `K extends keyof T`

docs/challenges/easy/readonly.md

@@ -4,7 +4,7 @@ title: 实现Readonly
 
 # {{ $frontmatter.title }}
 
-## 题目描述
+## 🎯 题目描述
 
 不要使用内置的 `Readonly<T>`，自己实现一个。
 
@@ -29,7 +29,7 @@ todo.title = 'Hello'; // Error: cannot reassign a readonly property
 todo.description = 'barFoo'; // Error: cannot reassign a readonly property
 ```
 
-## 分析
+## 🔍 分析
 
 这一题，本质也是对对象类型进行遍历，然后为每一个属性增加 `readonly` 的修饰符，只需要在遍历的时候为每一个属性增加只读修饰符。
 
@@ -39,15 +39,15 @@ type MyReadonly<T> = {
 };
 ```
 
-## 题解
+## 🛠️ 题解
 
 ```ts
 type MyReadonly<T> = {
   readonly [P in keyof T]: T[P];
 };
 ```
 
-## 知识点
+## 💡 知识点
 
 1. `[P in keyof T]` 遍历 对象类型(数组也是对象)
 2. `readonly` 增加修饰符即可

docs/challenges/easy/tuples.md

@@ -4,7 +4,7 @@ title: 元组转换为对象
 
 # {{ $frontmatter.title }}
 
-## 题目描述
+## 🎯 题目描述
 
 传入一个元组类型，将这个元组类型转换为对象类型，这个对象类型的键/值都是从元组中遍历出来。
 
@@ -18,7 +18,7 @@ const tuple = ['tesla', 'model 3', 'model X', 'model Y'] as const;
 type result = TupleToObject<typeof tuple>;
 ```
 
-## 分析
+## 🔍 分析
 
 此题目标是生成一个新的对象类型，其键值和属性值就是传入的元组的每一项的值，在前面的题目中我们了解了遍历一个对象的方法，加以改动，就可以改为生成一个对象的方法，如下，给定一个联合类型 `'a' | 'b'`，生成一个新的对象：
 
@@ -64,7 +64,7 @@ type MyArrayLike<T> = {
 type Case3 = ArrayLike<string>[number];
 ```
 
-## 题解
+## 🛠️ 题解
 
 了解了元组转为联合类型的方法后，答案也就呼之欲出了：
 
@@ -76,6 +76,6 @@ type TupleToObject<T extends readonly PropertyKey[]> = {
 
 这里也是，需要对输入的元组进行类型限制，其元素必须是 `PropertyKey`(ts 内置类型: `type PropertyKey = string | number | symbol`)。
 
-## 知识点
+## 💡 知识点
 
 1. `T[number]` 索引签名访问，元组转联合类型