TypeScript学习笔记和Demo

最新推荐文章于 2024-08-21 21:25:59 发布
最新推荐文章于 2024-08-21 21:25:59 发布
阅读量748 收藏 1
点赞数
分类专栏： TypeScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42755677/article/details/102845330
版权

TypeScript

TypeScript学习笔记及相关Demo

目录

  1. 概述
    1. js语言的问题
    2. ts语言的特点
  2. 在node环境中搭建开发环境
    1. 安装TypeScript
    2. TypeScript的配置文件
    3. 使用第三方库简化流程
  3. 基本类型检查
    1. 类型约束和编译结果对比
    2. 基本类型
    3. 其它类型
    4. 类型别名
    5. 函数的相关约束
    6. demo：创建并打印扑克牌
  4. 扩展类型-枚举
    1. 字面量类型的问题
    2. 枚举的使用
    3. demo：使用枚举优化扑克牌程序
    4. 扩展：枚举的位运算
  5. 模块化
    1. 在ts中使用使用模块化
    2. 编译结果中的模块化
    3. 解决默认导入的错误
    4. 如何在ts中书写commonjs模块化代码
    5. 模块解析
    6. demo：使用模块化优化扑克牌程序
  6. 接口类型和类型兼容性
    1. 接口的概念
    2. 接口的使用
    3. readonly修饰符
    4. 类型兼容性
    5. demo： 用接口改造扑克牌程序
  7. TS中的类
    1. 概述
    2. 新增的类语法
    3. 访问器
    4. demo：增加洗牌和发牌功能
  8. 泛型
    1. 在函数中使用泛型
    2. 在类、接口、类型别名中使用泛型
    3. 泛型约束
    4. 多泛型
    5. demo： 自定义字典类
  9. Demo.使用React+TS开发三字棋游戏
    1. 效果展示和工程搭建
    2. 在react中使用ts
    3. 制作棋子组件
    4. 制作棋盘组件
    5. 制作Game组件.项目完结
    6. 总结
  10. 深入理解类和接口
    1. 面向对象概述
    2. 类的继承
    3. 抽象类
    4. 静态成员
    5. 再谈接口
    6. 索引器
    7. this指向约束
  11. Demo.使用webpack+ts开发俄罗斯方块
    1. 概述
    2. 工程搭建
    3. 小方块类
    4. 小方块的展示类
    5. 开发方块组合类
    6. 开发俄罗斯方块生产者模块
    7. 开发俄罗斯方块规则类
    8. 实现俄罗斯方块的旋转功能
    9. 实习游戏类
    10. 触底处理
    11. 消除处理
    12. 游戏结束盘点和积分功能
    13. 完成游戏界面
    14. 项目总结
  12. 装饰器
    1. 概述
    2. 类装饰器
    3. 成员装饰器
    4. demo
    5. reflect.metadata库
    6. class.validator和class.transformer库
    7. 装饰器补充
  13. 类型演算
    1. 三个关键字
    2. 预定义的类型演算
  14. 声明文件
    1. 概述
    2. 编写声明文件
    3. 发布
  15. 项目实战
    1. 概述
    2. 服务器开发环境搭建
    3. 使用tslint进行代码风格检查
    4. 开发Movie实体类
    5. 处理plainobject的转换
    6. 定义数据库模型
    7. 增删改查功能
    8. 按条件查询电影
    9. 完成api接口
    10. 完成图片上传接口
    11. 搭建客户端工程并完成ajax请求
    12. 创建reducer和action
    13. 创建仓库
    14. 用thunk处理副作用
    15. 添加路由功能
    16. 制作布局
    17. 制作电影表格组件（1）
    18. 制作电影表格组件（2）
    19. 制作电影表格组件（3）
    20. 制作图片上传组件
    21. 制作电影表单组件
    22. 制作修改电影页面
    23. 项目打包

说明

  1. Github地址： https://github.com/mytheart/TypeScript
  2. 所有章节的Demo都在Demos文件夹下；
  3. 仓库创建日期20191027，本仓库将持续更新；
  4. 参考：TypsSctipt官网文档、 TypeScript入门教程
TypeScript 练习题
azl397985856的专栏
09-28 1640
点击蓝色“脑洞前端”关注我哟加个“星标”，带你揭开大前端的神秘面纱！❝这是脑洞前端第「105」篇原创文章TypeScript 的学习资料非常多，其中也不乏很多优秀的文章和教程。但是目前为...
TypeScript 入门Demo
王扬扬的博客
07-31 832
一，类型注解 为函数或变量添加约束，类型不一致会报错。下方案例，把传入的person参数限制为string类型。 /** * TypeScript 类型注解 */ function greeter1(person:string) { return "hello,"+person; } let user1 = "Jack Ma"; console.log(greeter1(user1)) 二，接口 声明一个对象类型，当你传入的对象和声明的对象类型，内部的结构兼容那么这两个类型就是兼容的。
typescript Demo
weixin_40353470的博客
04-28 440
第一步安装typescript npm install -g typescript 第二步 新建文件ts文件 第三步 通过Windows+R打开cmd 输入tsc -init生成tsconfig.json文件 文件中的配置修改 { "compilerOptions":{ "target":"es5", "noImplicitAny":false, ...
TypeScript学习
最新发布
qq_53374893的博客
08-21 361
都是学过Java的人，这个很简单要把.ts文件编译为.js文件,需要配置Typescript的编译环境1，步骤如下: 2.第二步：全局安装Ts环境 tsc 命令 与 java 同理 编译 ts 文件 与 javac 同理 Java 是吧 .java 编译成 .class tsc 是把 .ts 编译成 .js 2.自动化编译 前面和kotlin很像 这里就不多说了 标识 key字符串 值为any 往后面存 可以对对象追加属性 类型做运算 TypeScript: Do
TypeScript + Vue Demo
07-26
使用vue cli3.0创建的TypeScript项目。 1.使用vue-cli3.0搭建项目 2.结合iView + aoixs
typescript入门练手小demo
weixin_45665589的博客
05-21 1484
前言 最近准备用typescript写点东西，但是关于typescript的东西只是理论看过一些，最近的一次实践还是去年这个时候，当时我在携程实习，公司用的就是typescript。之后，自己也写了大大小小的项目或者demo，使用的都是javascript。刚好最近论文查重过了，时间暂时充裕了起来，就准备练习一下typescript和scss。实现的效果也很简单 代码放在了gitee上，仓库地址是ts-demo: vue2+typescript+scss入门练手项目(gitee.com)，感兴趣的掘友可以
TypeScript学习笔记【CoderWhy】
wanghuan1020的博客
08-25 1454
TypeScript学习笔记【CoderWhy】引言JavaScript一门优秀的语言JavaScript的痛点类型带来的问题类型错误类型思维的缺失JavaScript添加类型约束介绍认识 TypeScriptTypeScript 特点众多项目采用TypeScript大前端的发展趋势入门TypeScript 编译环境TypeScript的运行环境变量的声明声明变量的关键字变量的类型推导（推断）数据类型JavaScript类型number类型boolean类型string 类型Array类型Object类型S
typescript获取数据库数据_typescript学习笔记
weixin_39626613的博客
12-20 1256
Tpyescripttypescitpt安装 编译安装npm install -g typescriptyarn global add typescipttsconfig.json配置文件{"compilerOptions": {"module": "CommonJS","outDir": "./dist","target": "es5","strictNullChecks": true,"wat...
TypeScript学习笔记（类型篇一）
name_lsc的博客
02-09 518
PS: 主要会以问题的模式记录 1. 在 ts 中，如果不显式注解类型，由 TypeScript 自行推导，为什么 const 声明的原始类型的变量会被推导为 值类型？ 先看一个例子: const str = "demo" // TypeScript 类型推导的结果为 "demo", 而不是 string 对于初次接触 ts 自动类型推导的人来说，可能有点不理解为什么上面这个例子的类型为 demo 而不是string。这个问题可以从 const 这个声明关键字去理解，const 是 ES6 新增的一个关键
typescript-learning:打字稿学习笔记
03-18
打字稿学习笔记 目录 demo1.ts：定义，优势，环境 demo2.ts：基础类型和对象类型 demo3.ts：类型注解和类型预设 demo4.ts：函数相关类型 demo5.ts：包含和元组 demo6.ts：接口接口 demo7.ts：类与继承，访问类型，...
最新 Vue3、TypeScript、组合式API、setup语法糖 学习笔记
qq_33365152的博客
02-18 1179
最新 Vue3、TypeScript、组合式API、setup语法糖 学习笔记
typescript-demo
03-25
typescript-demo
typescript_demo:学习仓库
04-28
typeScript_hello 运行该程序 第一次运行命令 npm install -g打字稿 编译打字稿文件（.ts）运行命令（它将打字稿代码转换为普通的javascript代码并创建hello.js文件） tsc hello.ts 在浏览器中打开文件 index.html
typescript-exercises:一组交互式TypeScript练习
03-19
TypeScript练习 在这里开始您的旅程： : 目标：让每个人都可以使用许多不同的TypeScript功能，并获得TypeScript功能和原理的概述。 覆盖的东西 基本打字。 精炼类型。 联合类型。 合并类型。 泛型。 类型声明。 模块扩充。 高级类型映射。 规则与原则 避免不惜一切代价使用any类型。 难度很快就会逐渐增加。 如果您有任何改进，请随时发送请求请求！ 向这些练习的创建者提供反馈。 享受。 贡献 欢迎您的贡献。 yarn start启动开发服务器。
TypeScript编程例子
10-11
TypeScript编程例子
TypeScript:打字稿练习库
03-30
TypeScript:打字稿练习库
React 教程中的小Demo（TypeScript）
Andrew_Lii的博客
11-13 296
import React from 'react'; import './App.css'; /** * 定义Square的props类型，在Typescript中必须要定义参数的类型（数据结构），所以将其封装成接口 * 第一可以更好的解耦和复用，第二可以方便修改和管理，props是经常修改的 */ export interface SquareProps { value: str...
TypeScript练习
weixin_44997513的博客
05-09 653
1.全局安装 npm install typescript -g 2.typescript 生成 node 文件的配置需要生成配置文件 tsconfig.json tsc --init 3.创建.ts文件 //1.Ts数据类型 // 字符 // var str: string = 'ddd'; // console.log(str); // 布尔 // var aa: boolean = true; // console.log(aa); // 数字 // let b: number = 1
TypeScript 入门学习笔记 + 练习题
qq_43477721的博客
04-24 999
使用编辑器 VSCode，安装，配置，编译TS，???????????????????? npm install -g typescript 检查版本号 tsc -v 保存自动编译 文件夹下输入tsc --init,出现 tsconfig.json 修改编译 js 文件输入的目录 就可以保存自动编译了。 注意：如果你是第一次配置，可能会和我一样，出现报错，禁止加载脚本，可以参考这篇文章 https://blog....
TypeScript学习笔记
05-12
TypeScript 是一种由微软...以下是 TypeScript 学习笔记的一些主要内容： 1. 类型注解和类型推断 2. 接口和类的使用 3. 泛型的使用 4. 类型别名和枚举类型 5. 模块的导入和导出 6. 命名空间和声明合并 7. 装饰器的使用
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值