├── README.md
├── ts-gulp
├── .gitignore
├── .DS_Store
├── dist
│ ├── .DS_Store
│ ├── index.html
│ ├── bundle.js
│ └── bundle.js.map
├── src
│ ├── greet.ts
│ ├── main.ts
│ └── index.html
├── tsconfig.json
├── package.json
└── gulpfile.js
├── .DS_Store
├── package.json
└── ts-getting
├── greeter.js
├── greeter.ts
├── greeter.html
├── person.js
├── person.ts
├── student.ts
└── student.js
/README.md:
--------------------------------------------------------------------------------
1 | # typescript
2 |
--------------------------------------------------------------------------------
/ts-gulp/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/*
2 |
--------------------------------------------------------------------------------
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JJaLing/typescript/HEAD/.DS_Store
--------------------------------------------------------------------------------
/ts-gulp/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JJaLing/typescript/HEAD/ts-gulp/.DS_Store
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "devDependencies": {
3 | "typescript": "^2.3.4"
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/ts-gulp/dist/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JJaLing/typescript/HEAD/ts-gulp/dist/.DS_Store
--------------------------------------------------------------------------------
/ts-gulp/src/greet.ts:
--------------------------------------------------------------------------------
1 | export function sayHello(name: string) {
2 | return `hello from ${name}`
3 | }
--------------------------------------------------------------------------------
/ts-getting/greeter.js:
--------------------------------------------------------------------------------
1 | function greeter(person) {
2 | return 'hello' + person;
3 | }
4 | var user = [1, 2, 3];
5 | document.body.innerHTML = greeter(user);
6 |
--------------------------------------------------------------------------------
/ts-getting/greeter.ts:
--------------------------------------------------------------------------------
1 | function greeter(person: string) {
2 | return 'hello' + person;
3 | }
4 | var user = [1, 2, 3]
5 | document.body.innerHTML = greeter(user)
--------------------------------------------------------------------------------
/ts-getting/greeter.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/ts-getting/person.js:
--------------------------------------------------------------------------------
1 | function greeter(person) {
2 | return 'hello' + person.firstName + person.lastName;
3 | }
4 | var user = {
5 | firstName: 'jane'
6 | };
7 | document.body.innerHTML = greeter(user);
8 |
--------------------------------------------------------------------------------
/ts-gulp/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "files": [
3 | "src/main.ts",
4 | "src/greet.ts"
5 | ],
6 | "compilerOptions": {
7 | "noImplicitAny": true,
8 | "target": "es5"
9 | }
10 | }
--------------------------------------------------------------------------------
/ts-gulp/src/main.ts:
--------------------------------------------------------------------------------
1 | import { sayHello } from './greet';
2 |
3 | function showHello (divName: string, name: string) {
4 | const ele = document.getElementById(divName)
5 | ele.innerText = sayHello(name)
6 | }
7 |
8 | showHello("greeting", "ssssaabss")
--------------------------------------------------------------------------------
/ts-gulp/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | hello
7 |
8 |
9 |
10 | loading...
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/ts-gulp/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | hello
7 |
8 |
9 |
10 | loading...
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/ts-getting/person.ts:
--------------------------------------------------------------------------------
1 | interface Person {
2 | firstName: string;
3 | lastName: string;
4 | }
5 |
6 | function greeter (person: Person) {
7 | return 'hello' + person.firstName + person.lastName;
8 | }
9 |
10 | var user = {
11 | firstName: 'jane',
12 | lastName: 'kk'
13 | }
14 |
15 | document.body.innerHTML = greeter(user)
--------------------------------------------------------------------------------
/ts-getting/student.ts:
--------------------------------------------------------------------------------
1 | class Student {
2 | fullName: string;
3 | constructor(public firstName, public middleInitial, public lastName){
4 | this.fullName = firstName + middleInitial + lastName
5 | }
6 | }
7 |
8 | interface Person {
9 | firstName: string;
10 | lastName: string;
11 | }
12 |
13 | function greeter(person: Person) {
14 | return 'hello' + person.firstName + person.lastName
15 | }
16 |
17 | var user = new Student('jane', 'hk', 'cn')
18 |
19 | document.body.innerHTML = greeter(user)
--------------------------------------------------------------------------------
/ts-getting/student.js:
--------------------------------------------------------------------------------
1 | var Student = (function () {
2 | function Student(firstName, middleInitial, lastName) {
3 | this.firstName = firstName;
4 | this.middleInitial = middleInitial;
5 | this.lastName = lastName;
6 | this.fullName = firstName + middleInitial + lastName;
7 | }
8 | return Student;
9 | }());
10 | function greeter(person) {
11 | return 'hello' + person.firstName + person.lastName;
12 | }
13 | var user = new Student('jane', 'hk', 'cn');
14 | document.body.innerHTML = greeter(user);
15 |
--------------------------------------------------------------------------------
/ts-gulp/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "y",
3 | "version": "1.0.0",
4 | "description": "yy",
5 | "main": "./dist/main.js",
6 | "scripts": {
7 | "test": "y"
8 | },
9 | "repository": {
10 | "type": "git",
11 | "url": "y"
12 | },
13 | "keywords": [
14 | "y"
15 | ],
16 | "author": "lzl",
17 | "license": "ISC",
18 | "devDependencies": {
19 | "babel-preset-es2015": "^6.24.1",
20 | "babelify": "^7.3.0",
21 | "browser-sync": "^2.18.12",
22 | "browserify": "^14.4.0",
23 | "gulp": "^3.9.1",
24 | "gulp-sourcemaps": "^2.6.0",
25 | "gulp-typescript": "^3.1.7",
26 | "gulp-uglify": "^3.0.0",
27 | "path": "^0.12.7",
28 | "tsify": "^3.0.1",
29 | "typescript": "^2.3.4",
30 | "vinyl-buffer": "^1.0.0",
31 | "vinyl-source-stream": "^1.1.0"
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/ts-gulp/dist/bundle.js:
--------------------------------------------------------------------------------
1 | !function e(r,t,n){function o(i,f){if(!t[i]){if(!r[i]){var s="function"==typeof require&&require;if(!f&&s)return s(i,!0);if(u)return u(i,!0);var c=new Error("Cannot find module '"+i+"'");throw c.code="MODULE_NOT_FOUND",c}var l=t[i]={exports:{}};r[i][0].call(l.exports,function(e){var t=r[i][1][e];return o(t||e)},l,l.exports,e,r,t,n)}return t[i].exports}for(var u="function"==typeof require&&require,i=0;i