初始化端項(xiàng)目 通過(guò)react的腳手架create-react-app初始化一個(gè)前端項(xiàng)目： 初始化完成之后，精簡(jiǎn)一下項(xiàng)目目錄，并編寫login頁(yè)面。 login頁(yè)面 安裝ant...
發(fā)簡(jiǎn)信
IP屬地：加州
-
Typescript爬蟲實(shí)戰(zhàn)(5) ---- 初始化前端項(xiàng)目和完成登陸頁(yè)面 -
Typescript爬蟲實(shí)戰(zhàn)(4) ---- 創(chuàng)建控制器和裝飾器
為了將面向過(guò)程的代碼改造成面向?qū)ο蟮拇a。將現(xiàn)有的代碼進(jìn)行改造。首先將login的邏輯進(jìn)行遷移：創(chuàng)建LoginController.ts,并將代碼遷移過(guò)來(lái)，先遷移具體邏輯，不...
-
Typescript學(xué)習(xí)筆記(21) ----- 裝飾器（Decorator）
什么是裝飾器 裝飾器本質(zhì)上一個(gè)函數(shù) 類的裝飾器 對(duì)類進(jìn)行裝飾 開(kāi)啟裝飾器語(yǔ)法： 在tsconfig.json文件中，將這兩項(xiàng)開(kāi)啟： 裝飾器的基本語(yǔ)法，使用@進(jìn)行使用 類的裝飾...
-
Typescript爬蟲實(shí)戰(zhàn)(2) ---- 使用表單的形式對(duì)接口進(jìn)行保護(hù)
在完成了爬取數(shù)據(jù)的借口之后，遇到了一些問(wèn)題： 接口沒(méi)有做保護(hù)，可能會(huì)被人惡意一直請(qǐng)求，導(dǎo)致一直爬取數(shù)據(jù)導(dǎo)致內(nèi)存溢出 使用表單提交的方式 只有在密碼輸入正確的前提下，才可以成功...
-
Typescript學(xué)習(xí)筆記(20) ----- keyof 語(yǔ)法的使用keyof 語(yǔ)法 常用的場(chǎng)景： 獲取對(duì)象的某一屬性值時(shí)比如：image.png當(dāng)這么寫時(shí),會(huì)造成兩個(gè)問(wèn)題： 沒(méi)有類型保護(hù)，所以ts會(huì)拋出這樣的一個(gè)錯(cuò)誤 ts無(wú)法進(jìn)行有效的類型...
-
Typescript爬蟲實(shí)戰(zhàn)(1) ---- 用express搭建服務(wù)端
安裝express：npm install express -S在新版本的express中，安裝express同時(shí)也會(huì)安裝其相應(yīng)的類型文件 開(kāi)始構(gòu)建邏輯 初始化爬蟲接口 搭建...
-
Typescript爬蟲實(shí)戰(zhàn) ---- 登錄功能的開(kāi)發(fā)
使用session完成登錄功能的開(kāi)發(fā) 借助中間鍵cookie-session 安裝：npm install cookie-session @types/cookie-sess...
-
Typescript學(xué)習(xí)筆記(18) ----- 定義一個(gè)描述文件
什么是描述文件 幫助ts理解js文件或者js庫(kù)，因?yàn)閠s缺少js的概念。 一般以d.ts為結(jié)尾 比如以常用的jquery為例，通過(guò)在ts中手寫一個(gè)jquery的描述文件幫助理...
-
Typescript學(xué)習(xí)筆記(16) ----- namespace 命名空間命名空間可以解決模塊化問(wèn)題, 防止暴露統(tǒng)一的接口 比如，Header,Body,Footer是三個(gè)模塊 這樣編寫完成之后，雖然完成了簡(jiǎn)單的拆分，但沒(méi)有完全做到模塊化。從編譯完...
-
Typescript學(xué)習(xí)筆記(17) ----- 使用parcel打包ts代碼
Parcel 一款輕量級(jí)的打包工具 安裝： npm install parcel@next --save 使用parcel直接編譯即可：parcel src/index.h...
-
Typescript學(xué)習(xí)筆記(15) ----- 泛型函數(shù)的泛型 泛型 generic 泛指的類型 適用的場(chǎng)景：制定函數(shù)的參數(shù)為統(tǒng)一的某一類型在調(diào)用時(shí)才能夠確定參數(shù)的類型比如,以下這個(gè)函數(shù)，我想要對(duì)參數(shù)進(jìn)行制約，first的類型...
-
Typescript學(xué)習(xí)筆記(14) ----- Enum 枚舉類型
解決的開(kāi)發(fā)問(wèn)題：在實(shí)際的開(kāi)發(fā)過(guò)程中，可能會(huì)遇到以下的場(chǎng)景 但這樣的代碼可讀性并不是很好，使用對(duì)象的形式增加一下代碼的可讀性 在typescript中，專門有一個(gè)枚舉類型Enu...
-
Typescript學(xué)習(xí)筆記(13) ----- 聯(lián)合類型和類型保護(hù)基本概念 聯(lián)合類型：該類型要么屬于A要么屬于B，用代碼來(lái)表示就是： 這個(gè)就稱之為A和B的聯(lián)合。 類型保護(hù)：對(duì)typescript類型報(bào)錯(cuò)的情況進(jìn)行進(jìn)一步處理，使其不會(huì)報(bào)錯(cuò) 用...
-
Typescript學(xué)習(xí)筆記(12) ----- Typescript 配置文件指南具體的tsconfig.json文件的配置請(qǐng)參照官方文檔 tsconfig.json tsconfig.json是typescript進(jìn)行編譯時(shí)參照的配置文件。 只有在運(yùn)行t...
-
Typescript學(xué)習(xí)筆記(11) ----- 使用concurrent,nodemon實(shí)現(xiàn)typescript的watch模式目標(biāo) 達(dá)到類似webpack -w的效果，只要對(duì)typescript文件進(jìn)行更改就可以自動(dòng)編譯 使用到的庫(kù) nodemon concurrent用來(lái)處理并行的命令 types...
-
Typescript學(xué)習(xí)筆記(10) ----- ts爬蟲實(shí)戰(zhàn)
準(zhǔn)備 使用的庫(kù)： superagent (需要安裝類型文件@types/superagent) npm install superagent @types/superagen...
-
Typescript學(xué)習(xí)筆記(9) ----- 抽象類
如果很多類都有通性，我們就定義一個(gè)抽象類抽象類中即可以 定義抽象方法 可以定義具體的方法 定義屬性 抽象類必須用繼承去實(shí)現(xiàn)，繼承的類稱為抽象類的實(shí)現(xiàn)類定義兩個(gè)類：Square...
-
Typescript學(xué)習(xí)筆記(8) ----- Setter和Getter
TypeScript中的getter與setter getter 與 setter的作用可以確保成員變量的安全性，可以在賦值前多進(jìn)行一步處理（加密） 通常來(lái)說(shuō),成員變量前會(huì)加...
-
Typescript學(xué)習(xí)筆記(7) ----- 類中的訪問(wèn)類型和構(gòu)造器
訪問(wèn)類型 常見(jiàn)的訪問(wèn)類型：public,`` public:允許類內(nèi)部和外部都可以被調(diào)用 protected:允許在類內(nèi)以及繼承的子類中使用 private:允許在類內(nèi)被使用...
-
Typescript學(xué)習(xí)筆記(6) ----- 盡量用interface去代表一個(gè)類型interface接口 使用場(chǎng)景 如果能用interface去表示類型，盡量使用interface去表示。如下的例子： 由于傳入的類型是一個(gè)特定類型，可以使用interfac...