TypeScript
文章平均质量分 71
通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,任何操作系统。
Tree_wws
大家好,我是 Tree_wws ,我是一个喜欢记录、喜欢思考、喜欢学习的人,希望和大家共同学习很进步,欢迎关注我呀 !!!
展开
-
【TypeScript】第五部分 小项目练习(贪吃蛇)
【TypeScript】第五部分 小项目练习(贪吃蛇) 文章目录【TypeScript】第五部分 小项目练习(贪吃蛇)5. 小项目练习(贪吃蛇)5.1 准备工作5.2 实现效果总结 5. 小项目练习(贪吃蛇) 5.1 准备工作 package.json 我把该文件放在下面,有需要的直接创建package.json将下面的代码复制进去,然后 npm i 下载相关的依赖 { "name": "webpack-ts", "version": "1.0.0", "description": "",原创 2022-04-13 16:21:44 · 389 阅读 · 0 评论 -
【TypeScript】第四部分 面向对象
【TypeScript】第四部分 面向对象 文章目录【TypeScript】第四部分 面向对象4. 面向对象4.1 什么是对象4.2 类(class)4.3 构造函数和this4.4 继承和重写4.5 super关键字4.6 抽象类4.7 接口4.8 属性的封装4.9 泛型总结 4. 面向对象 4.1 什么是对象 举例来说: 操作浏览器要使用window对象 操作网页要使用document对象 操作控制台要使用console对象 一切操作都要通过对象,也就是所谓的面向对象,那么对象到底是什么呢原创 2022-04-11 12:55:04 · 559 阅读 · 0 评论 -
【TypeScript】第三部分 webpack打包TS
【TypeScript】第三部分 webpack打包TS 文章目录【TypeScript】第三部分 webpack打包TS3. webpack打包TS3.1 打包步骤3.2 配置babel总结 3. webpack打包TS 3.1 打包步骤 通常情况下,实际开发中我们都需要使用构建工具对代码进行打包,TS同样也可以结合构建工具一起使用,下边以webpack为例介绍一下如何结合构建工具使用TS。 步骤: 初始化项目: npm init ,主要作用就是为了生成package.json文件 下载构建工原创 2022-04-11 12:48:31 · 796 阅读 · 0 评论 -
【TypeScript】第二部分 编译选项
【TypeScript】第二部分 编译选项 文章目录【TypeScript】第二部分 编译选项2. 编译选项2.1 自动编译文件2.2 自动编译整个项目2.3 配置选项总结 2. 编译选项 2.1 自动编译文件 编译文件时,使用 -w 指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译,tsc xxx.ts -w 2.2 自动编译整个项目 要先在项目根目录下创建一个ts的配置文件 tsconfig.json,也可使用tsc init初始化创建 tsc 将目录下的ts文件进行原创 2022-04-11 12:42:19 · 768 阅读 · 0 评论 -
【TypeScript】第一部分 TypeScript 认识
【TypeScript】第一部分 TypeScript 认识 文章目录【TypeScript】第一部分 TypeScript 认识1. TypeScript 认识1.1 TypeScript简介1.2 TypeScript 开发环境搭建1.3 基本类型总结 1. TypeScript 认识 1.1 TypeScript简介 TypeScript是JavaScript的超集。 它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。 TS代码需要通过编译器编译为JS,然后再交由JS原创 2022-04-11 12:37:38 · 837 阅读 · 0 评论