前端大胖

上一篇已经知道了怎么搭建一个新的项目了，那么这时候，我们看看怎么编写页面的内容，丰富页面，并且便于后期管理。 首先需要了解到框架中的组件化思维。

废话不多说，直接开始进行项目搭建，先有个大概的框架。目前React来到React19。 项目搭建 官网有很多构建项目的方式，这边直接使用一种框架都通用的方式进行构建。

所有的编译器，都逃不出这5个阶段： 第一个阶段：词法分析 把“字符流”变成“token流”。有点类似于给某些字符打上标签，分门别类。 一般会使用 正则匹配、状态机 两种方式进行词法分析。

类型保护的作用是告诉编译器：“在这个 if​ 语句块里，我已经检查过了，这个变量一定是 string​ 类型，请允许我使用 string​ 的方法。

TypeScript中集合了很多泛型工具，在日常开发中，我们经常会看到这类工具的使用，所以属性这类工具也是必备的。

Typescript的类型总的可以分为基础类型和自定义类型。基础类型与平时使用的Javascript中类型分类几乎一致，而自定义类型相比于基础类型就更加的丰富了

TypeScript的基本概念 TypeScript官网上是这么说的“TypeScript is JavaScript with syntax for types. ”

Proxy 与 Reflect：最硬核、最实用的解释 基本概念。Proxy ​的target是要代理的目标对象 ，​handler是一个对象，包含了拦截目标对象的函数。

基本概念 Generator（生成器）是一个可以 暂停 和 恢复执行 的函数。 生成器的定义与传统的函数非常相似，不同的地方在于生成器的关键字是function*​，带了星号*