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%