原创 15.typescript筆記_索引類型

1.索引類型 let obj = { a : 1 , b : 2 , c : 3 , }; function getKey(obj : any , keys : string[]){ return

原创 10.typescript筆記_泛型函數和泛型接口 泛型類與泛型約束

1.泛型函數和泛型接口 function log<T>(value : T) : T{ console.log(value); return value; } log<number>(1); log<string

原创 13.typescript筆記_類型保護

1 . 類型保護 //TypeScript 能夠在特定的區塊中保證變量屬於某種確定的類型 //可以做此區塊中放心的引用次類型的屬性,或者調用此類型的方法 enum Type {Strong , Week}; class Java

原创 14.typescript筆記_交叉類型和聯合類型

1.1 交叉類型 interface DonInterface { run():void; } interface CatInterface { jump():void; } //這裏的pet將兩個類型合併,所以p

原创 11.typescript筆記_類型檢查機制(1) 類型推斷

1. 小試牛刀 let a = 1 ; //typescript自動推斷爲any類型 a: number let b = [] ; //typescript自動推斷爲數組類型 any[] 2. 當從多個類型進行推斷時,ts盡力推

原创 一機雙屏和雙屏通信方案總結

項目中需要用到web一機雙屏,也就是一臺電腦,兩個屏幕,每個屏幕分別展示一部分的內容,兩個web標籤頁之間自然少不了實時通信和互動,下面簡單介紹一下,在項目中對該問題的思考和最終解決方案: https://www.cnblogs.

原创 12.typescript筆記_類型兼容

什麼是類型兼容? 當一個類型 Y 可以被賦值給另一個類型 X 時 , 我們就可以說類型 X 兼容 類型 Y X 兼容 Y : X (目標類型) = Y (源類型) let a : string = "1"; a = null;//

原创 8.typescript筆記_抽象類與多態

1. 抽象類的定義 1.1 抽象類 - 可以提取公用代碼, 利於代碼的複用和擴展 1.2 抽象類不能直接實例化 1.3 抽象方法,子類不需要實現該方法 abstract class Animal { eat () {

原创 Javascript深入之執行上下文棧和變量對象

函數提升 2.變量提示 (因爲是同一個變量,所以只提示一次) 3:聲明優先級,函數 > 變量 需要注意的是,同一作用域下存在多個相同的函數聲明的時候,後面的會替換前面的 變量的存放 首先我們知道內存有棧

原创 9.typescript筆記_類與接口的關係

1. 類型接口 1.1 接口可以約束類的定義 1.2 類必須實現接口的全部定義,可以新增額外的屬性和方法 1.3 接口只能約束類的公有成員 1.4 接口不能約束類的構造函數 interface Human { name :

原创 vue日曆組件-v-calendar

在項目中,需要用到日曆擴展,這裏有一個很好日曆組件 https://github.com/nathanreyes/v-calendar 文檔:https://vcalendar.io/changelog/v1.0.html#v1-

原创 1.typescript筆記_搭建開發環境

npm init npm i typescript -D npm tsc --init 新建src,index.ts 5.npm i webpack webpack-cli webpack-dev-server -D 根目錄新建

原创 6.typescript筆記_函數相關知識點梳理

4種方式 1.函數定義 function add1 (x:number , y :number){ return x + y } 2.通過變量定義函數類型 let add2 : (x: number , y : numb

原创 4typescript筆記_對象類型接口

對象類型接口 interface List { readonly id : number, //只讀屬性不可修改 name : string, // [x : string] : any age

原创 7.typescript筆記_類的繼承和修飾符

類的繼承,必須在constructor中調用super class Dog { constructor(name : string) { this.name = name; } public