一、介绍 1.typescript是由微软开发的一款开源的编程语言 2.ts是js的超级,拓展了js语法,更像java/c#这样面向对象语言,更适合开发大型项目。 3.谷歌也在大力支持ts,谷歌的angular2x+ 就是基于ts语法的。 4.最新的Vue ,React 也可以集成ts。 二、安装和 ...
分类:
其他好文 时间:
2019-12-21 20:37:18
阅读次数:
99
平台: Node基础语言: NodeJS TypeScript(ES6)包管理器 : npm(速度慢/队列安装包) yarn(速度快/同时安装任务)语言框架:angular (基于typescript) vue(文档更全/国内更主流) react(JSX 支持在 JavaScript 代码中编写 H ...
分类:
其他好文 时间:
2019-12-19 13:06:44
阅读次数:
87
类是对对象的抽象,描述了对象的特征和行为,而对象就是类的实例。ES6引入了类的概念(相关内容可参考ES类和ES6类的继承两节),TypeScript在此基础上,不仅根据ES7等规范完善了类的语法,还添加了许多其它语法。而在使用TypeScript的类时,不必关心兼容性问题,因为这些工作已由编译器完成 ...
分类:
其他好文 时间:
2019-12-19 10:05:51
阅读次数:
131
在传统的面向对象语言中,接口(Interface)好比协议,它会列出一系列的规则(即对行为进行抽象),再由类来实现这些规则。而TypeScript中的接口更加灵活,除了包含常规的作用之外,它还能扩展其它的类、为对象的类型命名以及约束值的结构等,大大消除了许多潜在的错误。 一、属性 TypeScrip ...
分类:
其他好文 时间:
2019-12-16 09:43:48
阅读次数:
90
TypeScript 3.7 重要特性说明 之所以升级ts到3.7版本,是因为3.7有几个重要的特性能够提升开发效率 可选链 使用?.运算符,用于 可选的属性 访问 当定义了 foo 时,将计算 foo.bar.baz();但如果 foo 为 null 或 undefined,程序就会停止运行并只返 ...
分类:
其他好文 时间:
2019-12-15 18:29:03
阅读次数:
113
函数是JavaScript应用程序的基础,它帮助你实现抽象层,模拟类,信息隐藏和模块。在TypeScript里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义行为的地方。 Typescript为JavaScript函数添加了额外的功能,让我们可以更容易的使用 1、函数类型 我们可以给每个参数 ...
分类:
其他好文 时间:
2019-12-13 12:15:14
阅读次数:
125
Vue的灵活性总是让代码看起来非常洗练,对TypeScript来说也是一种挑战, 好在Vue对TypeScript进行了一次全方位的适配。 相对于React严谨的代码,Redux啰嗦的样板代码,Vue就显得非常灵活。Vue采用双向绑定原理,如下图所示 双向绑定的好处是这样的,在数据发生变化的时候,会 ...
分类:
其他好文 时间:
2019-12-13 12:10:18
阅读次数:
70
⒈创建React项目 初始化一个React项目(TypeScript环境) ⒉React集成React-Router React项目使用React-Router ⒊React集成Redux Redux是React中的数据状态管理库,通常来讲,它的数据流模型如图所示: 我们先将目光放到UI层。通过UI ...
分类:
其他好文 时间:
2019-12-11 14:41:32
阅读次数:
103
TSLint是TypeScript代码的样式风格检查工具。类似于JavaScript的ESLint,或者Ruby的Rubocop。 配置TSLint TSLint是一个外部工具,我们需要进行一次安装工具的流程 #初始化package.json npm init yarn add ts-node ty ...
分类:
其他好文 时间:
2019-12-10 15:05:52
阅读次数:
255
typescript的核心原则之一是对值所具有的结构进行类型检查。它有时被称作 “结构性子类型化”。在typescript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约 1、接口初探 类型检查器不会检查属性的顺序,只要相应的属性存在并且类型也是对的就可以 2、可选属性 接口的属性不 ...
分类:
其他好文 时间:
2019-12-10 14:55:52
阅读次数:
92