All posts by 龙生

TypeScript 运算符

TypeScript 主要包含以下几种运算:
1.算术运算符
2.逻辑运算符
3.关系运算符
4.按位运算符
5.赋值运算符
6.三元/条件运算符
7.字符串运算符
8.类型运算符

龙生   03 Jan 2025
View Details

TypeScript 变量声明

TypeScript 变量的命名规则:
变量名称可以包含数字和字母。
除了下划线 _ 和美元 $ 符号外,不能包含其他特殊字符,包括空格。
变量名不能以数字开头。

龙生   03 Jan 2025
View Details

TypeScript 基础类型

string 表示文本数据 let name: string = "Alice";
number 表示数字,包括整数和浮点数 let age: number = 30;
boolean 表示布尔值 true 或 false let isDone: boolean = true;
array 表示相同类型的元素数组 let list: number[] = [1, 2, 3];
tuple 表示已知类型和长度的数组 let person: [string, number] = ["Alice", 30];
enum 定义一组命名常量 enum Color { Red, Green, Blue };
any 任意类型,不进行类型检查 let value: any = 42;
void 无返回值(常用于函数) function log(): void {}
null 表示空值 let empty: null = null;
undefined 表示未定义 let undef: undefined = undefined;
never 表示不会有返回值 function error(): never { throw new Error("error"); }
object 表示非原始类型 let obj: object = { name: "Alice" };
union 联合类型,表示可以是多种类型之一 `let id: string
unknown 不确定类型,需类型检查后再使用 let value: unknown = "Hello";

龙生   03 Jan 2025
View Details

MySQL数据库中查询表的所有列名和查询所有表名

SELECT COLUMN_NAME FROM information_schema.COLUMNS
WHERE TABLE_SCHEMA = 'db_name' AND TABLE_NAME = 'tb_name';

龙生   03 Jan 2025
View Details

TypeScript 基本结构

以下是 TypeScript 程序的常见组成部分:

声明部分:包括类型声明、接口声明等。
变量声明:包括 let, const 和 var 的使用。
函数声明:包括普通函数和箭头函数。
类声明:用于定义类及其成员。
接口与类型别名:描述类型的结构。
模块化:通过 import 和 export 组织代码。
类型断言:强制类型转换。
泛型:使代码具备更多的复用性。
注释:增加代码的可读性。
类型推断:自动推断类型。
类型守卫:缩小类型范围。
异步编程:支持 async/await。
错误处理:通过 try/catch 进行错误捕捉。

龙生   02 Jan 2025
View Details

TypeScript 基础语法

TypeScript 程序由以下几个部分组成:
模块
函数
变量
语句和表达式
注释

龙生   02 Jan 2025
View Details

TypeScript 特性

静态类型检查:TypeScript 在编译时就会检查代码的类型是否匹配,能够发现很多潜在的错误。即使是简单的错误(例如拼写错误或类型不一致),也可以在编写代码时被捕获到。

类型推断:TypeScript 能够自动推断变量的类型。比如当你声明一个变量并赋值时,TypeScript 会根据赋值来推断这个变量的类型,不需要每次都显式声明类型。

接口和类型定义:TypeScript 提供了 interface 和 type 关键字,允许你定义复杂的数据结构。这对于项目中不同部分的代码协作和数据交互来说非常重要。

类和模块支持:TypeScript 支持面向对象编程中的类(class)概念,增加了构造函数、继承、访问控制修饰符(如 public、private、protected),并且支持 ES 模块化规范。

工具和编辑器支持:TypeScript 拥有良好的编辑器支持,特别是与 Visual Studio Code 集成时,能提供智能提示、自动补全、重构等工具,使开发过程更高效。

兼容 JavaScript:TypeScript 是 JavaScript 的超集,这意味着所有合法的 JavaScript 代码都是合法的 TypeScript 代码。这使得 JavaScript 项目可以逐步迁移到 TypeScript,而无需完全重写。

龙生   01 Jan 2025
View Details

TypeScript 安装

使用国内镜像:
npm config set registry https://registry.npmmirror.com

安装 typescript:
npm install -g typescript

安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:
$ tsc -v

龙生   31 Dec 2024
View Details

TypeScript 教程

TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。
TypeScript 由微软开发的自由和开源的编程语言,在 JavaScript 的基础上增加了静态类型检查的超集。
TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

龙生   31 Dec 2024
View Details

React Hooks

React Hooks 是一种函数式组件的增强机制,它允许你在不编写类组件的情况下使用 React 的特性。主要的 Hooks 包括 useState, useEffect, useContext, useReducer, useCallback, useMemo, useRef, 和 useImperativeHandle 等。这些 Hooks 提供了访问 React 特性的方式,使得你可以更好地组织和重用你的代码。

龙生   30 Dec 2024
View Details