10分钟搞定TypeScript

10分钟搞定TypeScript
1.安装:npm install -g typescript 有两种主要的方式获取TypeScript工具。 通过npm(Node.js包管理器) 安装TypeScript的Visual Studio插件 Visual Studio2015和Visual Studio 2013 Update 2默认包含了TypeScript。如果你没有安装包含TypeScript的Visual Studio ,你仍然可以下载。 使用NPM的开发者: npm install -g typescript 2.创建第一个TypeScript文件并编译 创建a.ts 内容如下: function a(a){ re...

AngularJS2.0 学习笔记05:多组件的引用(在线算命App 单击解签)

AngularJS2.0 学习笔记05:多组件的引用(在线算命App 单击解签)
以前的章节,签文和解签都放在一起,没有神秘气息。所以这一章要用多个组件,再把这两个分离一下。   在04讲的中,在AppComponent的template中定义了hero的list和detail,现在我们把hero的detail部分提取出来作为一个组件来使用。 首先我们定义一个新的组件,在app目录下面新建一个文件 hero-detail.component.ts。文件内容为: import {Component} from 'angular2/core'; @Component({ selector:...

AngularJS2.0 学习笔记04:Click事件(在线算命App 增强互动)

AngularJS2.0 学习笔记04:Click事件(在线算命App 增强互动)
前几节的教程,仅能展示东西,还不能算是真正意义的App,无法开始算命这个基本功能。这一节我们加入互动的成份,使其再进一步。 在笔记03的基础实现点击事件 引入 public selectedHero: Hero; onSelect(hero: Hero) { this.selectedHero = hero; } 在html元素上添加关键代码 (click)="onSelect(hero)" 效果图: 本单元代码如下:   import {Component} from 'angular2/core'; inter...

AngularJS2.0 学习笔记03:列表(在线算命App step2)

AngularJS2.0 学习笔记03:列表(在线算命App step2)
上一节的使用对象来定义东西比较麻烦,本节引入列表概念,来对上节课的代码进行重构: 在笔记02的基础上学习列表的使用。 列表显示 列表显示需要用到ngFor,在 app.component.ts中定义一个数组,数组定义在文件末尾,代码如下:   var HEROES: Hero[] = [{ id: 1, name: '上上', desc:'大吉大利,百事顺遂,赶紧去买彩票'}, {id: 2, name: '上吉', desc:'天时、地利又人和,家庭和睦,身体健康,会朋友...

AngularJS2.0 学习笔记02:对象的使用(在线算命App step1)

AngularJS2.0 学习笔记02:对象的使用(在线算命App step1)
在quick start 学习之后,在quick start 基础上学习如何开发难度大一点的应用。 拷贝上一节的angular2-quickstart目录内容到新目录 angular2-tour-of-heroes。拷贝完成后 使用 npm start 命令运行一下 看是否可以正常运行。 D:\angular2\angular2-tour-of-heroes>npm start 在AppComponent中增加2个属性 title和hero ,代码如下: public title = '抽签算卦'; public hero: Hero = {arr:[{ id: ...

AngularJS2.0 学习笔记–5分钟建成第一个APP

AngularJS2.0 学习笔记–5分钟建成第一个APP
1.安装好 npm nodejs等包管理工具。 2.创建一个项目 我们需要一个应用程序项目文件夹,用来放一些库,一些TypeScript 的配置和所选的TypeScript-aware编辑器。 创建一个项目 angular2-quickstart 在磁盘下面创建一个目录:angular2-quickstart。将附件中的文件拷进这个目录 。 3.运行npm install 4.运行npm start 点此下载附件。angular2-quickstart 看,第一个APP跑起来了。   简单说明 :   pa...

转载:《TypeScript 中文入门教程》 17、注解

转载:《TypeScript 中文入门教程》 17、注解
转载:《TypeScript 中文入门教程》 17、注解 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 介绍 随着TypeScript和ES6里引入了类,现在在一些场景下我们会需要额外的特性来支持注解或修改类和类成员。 Decorators提供了一种方式来添加注解和在类的声明和成员上使用元编程语法。 Javascript里的Decorators目前处在建议征集的第一阶段,在TypeScript里做为实验...

转载:《TypeScript 中文入门教程》 16、Symbols

转载:《TypeScript 中文入门教程》 16、Symbols
转载:《TypeScript 中文入门教程》 16、Symbols 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 介绍 至ECMAScript 2015开始,symbol成为了一种新的原始类型,就像number和string一样。 symbol类型的值是通过Symbol构造函数创建的。 var sym1 = Symbol(); var sym2 = Symbol("key"); // 可选的字符串key Symbols是不可改变的且唯一。 var sym2 = Symbol("...

转载:《TypeScript 中文入门教程》 15、可迭代性

转载:《TypeScript 中文入门教程》 15、可迭代性
转载:《TypeScript 中文入门教程》 15、可迭代性 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 可迭代性 当一个对象实现了Symbol.iterator属性时,我们认为它是可迭代的。 一些内置的类型如Array,Map,Set,String,Int32Array,Uint32Array等都已经实现了各自的Symbol.iterator。 对象上的Symbol.iterator函数负责返回供迭代的值。 for..of 语句 for..of会...

转载:《TypeScript 中文入门教程》 14、输入.d.ts文件

转载:《TypeScript 中文入门教程》 14、输入.d.ts文件
转载:《TypeScript 中文入门教程》 14、输入.d.ts文件 版权 文章转载自:https://github.com/zhongsp 建议您直接跳转到上面的网址查看最新版本。 介绍 当使用外部JavaScript库或新的宿主API时,你需要一个声明文件(.d.ts)定义程序库的shape。 这个手册包含了写.d.ts文件的高级概念,并带有一些例子,告诉你怎么去写一个声明文件。 指导与说明 流程 最好从程序库的文档开始写.d.ts文件,而不是代码。 ...
Copyright © 大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: