系统学习typescript 持续更新
学习Java的唐唐
这个作者很懒,什么都没留下…
展开
-
使用 typescript 手动&快速 创建项目(day10)
创建项目(day10)手动创建快速创建使用ts编写react应用手动创建安装 reacy 以及 react-domnpm i react react-dom安装对应声明文件npm i -D @types/react @types/react-dom修改配置项 tsconfig.ts{ "compilerOptions": { /* Visit https://aka.ms/tsconfig.json to read more about this fi原创 2020-12-16 15:09:24 · 388 阅读 · 0 评论 -
typescript编译工具&代码检查工具(day09)
typescript编译工具(day09)编译工具ts-loader 与 awesome-typescript-loaderts-loaderawesome-typescript-loaderbable![在这里插入图片描述](https://img-blog.csdnimg.cn/2020103115573970.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4原创 2020-12-16 15:09:13 · 495 阅读 · 0 评论 -
配置文件tsconfig.ts(day08)
配置文件tsconfig.ts(day08)与文件相关清空 tsconfig.ts 文件与文件相关原创 2020-12-16 15:09:01 · 669 阅读 · 0 评论 -
typescript引入js类库&编写声明文件&插件(day07)
typescript引入js类库&编写声明文件(day07)typescript引入js类库三种类库的编写方法全局库模块库umd库插件模块插件全局插件typescript引入js类库安装类库npm i jquery在src下新建 lib 文件夹新建 index.ts 文件安装类型声明包npm i @type/jquery -D// src/lib/index.tsimport $ from 'jquery'$('.app').css('color', 'red')原创 2020-11-23 18:08:52 · 2042 阅读 · 0 评论 -
命名空间&声明合并(day06)
命名空间(day06)命名空间名称空间别名问题声明合并接口&函数 的声明合并命名空间与函数 的声明合并命名空间与类 的声明合并命名空间与枚举 的声明合并命名空间在js中命名空间能有有效的避免全局污染在src目录下新建 a.ts b.ts//命名空间和模块不要混用,不要再模块中使用命名空间//命名空间最好在全局环境中使用namespace Shape { const pi = Math.PI export function cricle(r: number) {原创 2020-11-19 13:27:04 · 186 阅读 · 0 评论 -
模块系统(day05)
ES6模块系统(day05)CommonJS模块系统编译选项在 src 目录下新建 es6 文件夹新建 a.ts b.ts c.ts 文件//a.ts//单独导出export let a = 1//批量导出let b = 2let c = 3export { b, c }//导出接口export interface P { x: number; y: number;}//导出函数export function f() { }//导出时起别名原创 2020-11-19 13:26:48 · 143 阅读 · 0 评论 -
typescript高级类型(day04)
(day04)高级类型交叉类型 & 联合类型索引类型映射类型高级类型ts为了保证语言的灵活性,引入了一些特性,这些特性有助于我们面对复杂多变的开发场景。交叉类型 & 联合类型将多个类型合并为一个类型,新的类型将具有所有类型的特性在 advanced.ts 中追加// 高级类型// 交叉类型 访问并集interface DogInterface { run(): void}interface CatInterface { jump(): void}l原创 2020-10-31 14:02:34 · 123 阅读 · 0 评论 -
typescript类型检查机制(day03)
(day03)typescript类型检查机制类型推断:typescript类型检查机制TypeScript编译器在做类型检查时,所秉承的一些原则,以及表现出的一些行为。作用:辅助开发,提高开发效率类型推断类型兼容性类型保护类型推断:不需要指定变量的类型(函数的返回值类型),TpyeScript可以根据某些规则自动地为其推断出一个类型。基础类型推断在src下新建 advanced.ts// advanced.ts// 类型推断之基础类型推断// 从右向左推断le原创 2020-10-11 17:24:15 · 128 阅读 · 0 评论 -
TypeScript基础概念及语法(day02)
从0到1构建typescript项目typescript函数梳理typescript中的类typescript函数梳理在src下新建文件 function.ts// 函数定义 function.tsfunction add5 (x: number, y: number) { return x + y}// 后三种没有实现let add6: (x: number, y: number) => numbertype add7 = (x: number, y: numbe原创 2020-09-13 19:48:28 · 117 阅读 · 0 评论 -
从0到1构建TypeScript项目以及初学TypeScript(day01)
从0到1构建typescript项目静态强类型语言与动态弱类型语言构建TypeScript项目体验typescript配置typescript将index.ts中字符串插入到页面中构建生产环境的脚本typescript的数据类型类型注解回到工程中typescript枚举类型typescript重要概念:接口对象类型接口函数类型接口静态强类型语言与动态弱类型语言静态强类型语言对类型极度严格及时发现错误运行时性能好自文档化动态弱类型语言对类型非常放松Bug发现不及时(可单元测试发现)原创 2020-09-05 23:48:00 · 387 阅读 · 0 评论