Library Search
结果页TypeScript 入门到进阶
在 元器件 / 技术栈 / 知识库 中找到 15 个匹配结果。
技术栈
技术栈
7 个 TypeScript # TypeScript 入门到进阶教程
## 第一章:为什么要学 TypeScript
JavaScript 是动态类型语言——变量类型在运行时确定。这带来灵活性,但在大型项目中是灾难:
- 重构一个函数签名,不知道哪些调用会炸
- 后端返回的数据结构,只能靠注释来约定
- `undefined is not a function` 是最常见的运行时错误
TypeScript 在 JS 之… 3% Vue ()
</script>
```
### 4. 状态管理:Pinia
```typescript
// stores/user.ts
import { defineStore } from 'pinia'
export const useUserStore = defineStore('user', () => {
const token = ref('')
const userIn… 3% React 分步操作:搭建毕设项目
### Step 1: Vite + React + TypeScript
```bash
npm create vite@latest grad-project -- --template react-ts
cd grad-project
npm install
npm run dev
```
### Step 2: 安装必备库
```bash
npm insta… 2% NestJS /students/dto/create-student.dto.ts`
```typescript
import { IsString, IsInt, Min, Max, IsEmail, IsOptional } from 'class-validator';
export class CreateStudentDto {
@IsString()
name: string;
@… 2% Angular |
### 2. 装饰器(Decorator)
Angular 大量使用 TypeScript 装饰器标记类:
```typescript
@Component({ selector: 'app-student', templateUrl: './student.component.html' })
export class StudentComponent { }
@Injectabl… 2% Next.js 署
## 2. 安装命令
### 创建项目
```bash
# 推荐:带 TypeScript + Tailwind + App Router
npx create-next-app@latest my-next-app --typescript --tailwind --app --eslint
# 或交互式选择
npx create-next-app@latest my-next-ap… 2% Spring Boot # Spring Boot 入门到进阶教程
## 第一章:Spring Boot 核心概念
### 1.1 自动配置原理
Spring Boot 的自动配置通过 `@SpringBootApplication` 注解触发,该注解包含三个关键注解:
- **@SpringBootConfiguration**:标记为配置类
- **@EnableAutoConfiguration**:启用自… 1%
知识库
知识库
8 个 TypeScript 入门到进阶 # TypeScript 入门到进阶教程
## 第一章:为什么要学 TypeScript
JavaScript 是动态类型语言——变量类型在运行时确定。这带来灵活性,但在大型项目中是灾难:
- 重构一个函数签名,不知道哪些调用会炸
- 后端返回的数据结构,只能靠注释来约定
- `undefined is not a function` 是最常见的运行时错误
TypeScript 在 JS 之… 3% 类型系统初探——从 JS 到 TS 的迁移 # TypeScript 例程:从 JavaScript 到 TypeScript 的类型迁移
## 目标
展示 TypeScript 核心类型系统:基础类型、Interface、泛型、类型守卫,并对比 JS 常见坑点。
## 完整代码
```typescript
// ── 1. 基础类型注解 ──
let username: string = "Alice";
let age: numb… 3% 入门篇 - Vue 3 毕设实战 ()
</script>
```
### 4. 状态管理:Pinia
```typescript
// stores/user.ts
import { defineStore } from 'pinia'
export const useUserStore = defineStore('user', () => {
const token = ref('')
const userIn… 3% 入门篇 - React 18 毕设基础 分步操作:搭建毕设项目
### Step 1: Vite + React + TypeScript
```bash
npm create vite@latest grad-project -- --template react-ts
cd grad-project
npm install
npm run dev
```
### Step 2: 安装必备库
```bash
npm insta… 2% 入门篇 - Angular毕设项目架构 |
### 2. 装饰器(Decorator)
Angular 大量使用 TypeScript 装饰器标记类:
```typescript
@Component({ selector: 'app-student', templateUrl: './student.component.html' })
export class StudentComponent { }
@Injectabl… 2% 入门教程 - 企业级框架核心概念 —包含路由、表单、HTTP 客户端、状态管理、测试工具、SSR,开箱即用。使用 TypeScript 开发,强制采用 RxJS 进行异步编程。
### 核心哲学
> "电池全包含"——不让你纠结选什么路由库、状态管理,Angular 都提供了官方方案。
## 二、核心概念地图
```
NgModule(模块)
├── Component(组件)—— 视图 + 逻辑
│ ├─… 2% NestJS 毕设实战 — 企业级架构入门 器**(控制反转)。你不需要手动 `new` 对象,容器自动帮你组装:
```typescript
// ❌ 传统方式 — 紧耦合
class UserController {
constructor() {
this.userService = new UserService(); // 写死了!
}
}
// ✅ NestJS 方式 — DI 注入
@Injectable(… 2% NestJS 入门 — 学生管理系统模块 /students/dto/create-student.dto.ts`
```typescript
import { IsString, IsInt, Min, Max, IsEmail, IsOptional } from 'class-validator';
export class CreateStudentDto {
@IsString()
name: string;
@… 2%