React系列五：状态管理
React 控制 UI 的方式是声明式的。你不必直接控制 UI 的各个部分，只需要声明组件可以处于的不同状态，并根据用户的输入在它们之间切换。这与设计师对 UI 的思考方式很相似。 通俗的说就是根据一个状态来判断展示哪一个组件。 React推荐使用尽量简单但是意义明确的state： 1. 如果两个 state 变量总是一起更新，请考虑将它们合并为一个。 2. 仔细选择你的 state 变量，以避免…
React系列四：对象更新
state 中可以保存任意类型的 JavaScript 值，包括对象。但是，你不应该直接修改存放在 React state 中的对象。相反，当你想要更新一个对象时，你需要创建一个新的对象（或者将其拷贝一份），然后将 state 更新为此对象。 在 React 中，状态是不可变的（immutable）。React 不会深入比较对象内部的属性变化，而是通过引用是否变化 来判断是否需要更新组件。 Vue…
React系列三：React事件
事件处理函数还将捕获任何来自子组件的事件。通常，我们会说事件会沿着树向上“冒泡”或“传播”：它从事件发生的地方开始，然后沿着树向上传播。 如果你点击任一按钮，它自身的 onClick 将首先执行，然后父级 <div 的 onClick 会接着执行。 在 React 中所有事件都会传播，除了 onScroll，它仅适用于你附加到的 JSX 标签。 事件处理函数接收一个 事件对象 作为唯一的参数。按照…
React系列二：基础概念
React 组件是常规的 JavaScript 函数，但 组件的名称必须以大写字母开头，否则它们将无法运行！ 在看到标签时，小写为html标签，大写为自己的组件。 返回语句可以全写在一行上，但是，如果你的标签和 return 关键字不在同一行，则必须把它包裹在一对括号中。没有括号包裹的话，任何在 return 下一行的代码都 将被忽略！不过也要注意：()是(),<\</是<\</，括号只是用于包裹…
React系列一：准备入门
在上一章我们学习了基础的react语法，现在我们了解一下企业级开发 安装一个构建工具，如 Vite、Parcel 或 rsbuild。这些构建工具提供了打包和运行源代码的功能，提供本地开发的开发服务器，以及部署应用到生产服务器的构建命令。 使用命令npm create vite\@latest，选择React模板，即可创建React应用。 路由决定了当用户访问特定 URL 时显示的内容或页面。你需…
16. TypeScript 类型运算符
TypeScript 提供强大的类型运算能力，可以使用各种类型运算符，对已有的类型进行计算，得到新类型。 注意区分typeof，typeof是用于查看一个变量的类型 keyof 是一个单目运算符，接受一个对象类型作为参数，返回该对象的所有键名组成的联合类型。 由于 JavaScript 对象的键名只有三种类型，所以对于任意对象的键名的联合类型就是string|number|symbol。 keyo…
15. declare 关键字与d.ts
declare 是 TypeScript 中的关键字，用于声明变量、函数、类、模块或类型的存在，但不做具体实现。它的作用是告诉 TypeScript 编译器：“这个东西已经存在了，在别的地方定义了，你就不要再报错了”。 declare 关键字用来告诉编译器，某个类型是存在的，可以在当前文件中使用。 它的主要作用，就是让当前文件可以使用其他文件声明的类型。举例来说，自己的脚本使用外部库定义的函数，编…
13. 命名空间namespace
namespace 用来建立一个容器，内部的所有变量和函数，都必须在这个容器里面使用。 上面示例中，命名空间Utils里面定义了一个函数isString()，它只能在Utils里面使用，如果用于外部就会报错。 如果要在命名空间以外使用内部成员，就必须为该成员加上export前缀，表示对外输出该成员。 编译后命名空间Utility变成了 JavaScript 的一个对象，凡是export的内部成员，…
10. Enum类型（枚举）
enum（枚举）在 TypeScript 中是一个用于定义一组命名常量的工具，它可以让代码更加清晰、可读、可维护。 假设你有一组固定的值，比如一周的七天、订单状态、用户角色、性别等等。用字符串或数字硬编码是很容易出错的，比如： Enum 结构的特别之处在于，\\它既是一种类型，也是一个值。\\绝大多数 TypeScript 语法都是类型语法，编译后会全部去除，但是 Enum 结构是一个值，编译后会…