前端大胖

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

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

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

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

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

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

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

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

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

箭头函数是ES6新增的函数定义的方式，使用箭头符号=>​。在箭头函数中，this​的作用域与它周围代码作用域相同，因此也称为 “词法作用域函数” 。...

解构赋值是ES6的一个新语法，允许从数组或对象中提取数据，并赋值给变量。那么什么样的数据符合解构语法呢？...

在模板字符串之前，对于字符串的处理往往会碰到以下问题： 拼接代码不优雅 多行文本处理复杂 动态HTML生成不优雅 以上问题都基于对字符串拼接没有一个好的处理方式。...

Set​ 是一种集合数据结构，它允许存储任何类型的唯一值，即成员的值是唯一的，没有重复的值。 无论是原始值还是对象引用。 ​...

初识 ​Symbol​是ES6出现的新的数据类型，主要作用是创建唯一标识，避免出现变量命名冲突。 ‍用作对象的属性 由于Symbol的唯一性，常被用于对象属性的键，避免出现...

在ES6以前，声明变量的时候会使用var，会出现一些问题包括变量提升、无法形成词法作用域以及随意修改和声明。...