【文件属性】:
文件名称:AudioScope-ng2:用Angular 2 + TypeScript编写的AudioScope演示
文件大小:4.12MB
文件格式:ZIP
更新时间:2021-05-28 19:37:51
TypeScript
AudioScope-ng2
用Angular 2 + TypeScript编写的AudioScope演示
该演示分为多个阶段,因此您可以从一个基本HTML + JS应用程序开始,一次将其转换为Angular 2 + TS。
阶段1
我们的入门应用程序,使用HTML + JS编写。
第二阶段
移至.ts文件,创建一个空白的tsconfig.json,并添加一些强制转换。
第三阶段
转到使用类和一些类型注释。
第4阶段(可选)
转到使用类层次结构和泛型。
阶段5
移至模块并编译至AMD。
阶段6
转到使用Angular 2并渲染我们的第一个组件。
阶段7
转到整个应用程序使用Angular 2。 我们从画布切换为使用SVG(更友好的是声明式),并且我们预先加载了音频文件以简化切换。 我们还添加了一些按钮以进行良好测量。
【文件预览】:
AudioScope-ng2-master
----Stage_6()
--------app.css(84B)
--------data()
--------index.html(846B)
--------app.ts(946B)
--------tsconfig.json(134B)
--------typings()
--------audioFile.ts(2KB)
--------displayAudio.ts(916B)
----Stage_1()
--------app.css(84B)
--------data()
--------index.html(1021B)
--------app.js(342B)
--------displayAudio.js(841B)
--------audioFile.js(2KB)
----Stage_3()
--------app.css(84B)
--------data()
--------index.html(1021B)
--------app.ts(361B)
--------tsconfig.json(0B)
--------audioFile.ts(2KB)
--------displayAudio.ts(870B)
----Stage_5()
--------app.css(84B)
--------data()
--------index.html(927B)
--------app.ts(509B)
--------tsconfig.json(47B)
--------audioFile.ts(2KB)
--------displayAudio.ts(916B)
----Stage_4()
--------app.css(84B)
--------data()
--------index.html(1021B)
--------app.ts(361B)
--------tsconfig.json(0B)
--------audioFile.ts(2KB)
--------displayAudio.ts(870B)
----Stage_7()
--------app.css(84B)
--------data()
--------index.html(578B)
--------app.ts(2KB)
--------tsconfig.json(141B)
--------typings()
--------audioFile.ts(2KB)
--------renderAudio.ts(724B)
----README.md(833B)
----Stage_2()
--------app.css(84B)
--------data()
--------index.html(1021B)
--------app.ts(361B)
--------tsconfig.json(0B)
--------audioFile.ts(2KB)
--------displayAudio.ts(860B)