初始化端项目 通过react的脚手架create-react-app初始化一个前端项目: 初始化完成之后,精简一下项目目录,并编写login页面。 login页面 安装ant...
![240](https://cdn2.jianshu.io/assets/default_avatar/13-394c31a9cb492fcb39c27422ca7d2815.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
初始化端项目 通过react的脚手架create-react-app初始化一个前端项目: 初始化完成之后,精简一下项目目录,并编写login页面。 login页面 安装ant...
为了将面向过程的代码改造成面向对象的代码。将现有的代码进行改造。首先将login的逻辑进行迁移:创建LoginController.ts,并将代码迁移过来,先迁移具体逻辑,不...
什么是装饰器 装饰器本质上一个函数 类的装饰器 对类进行装饰 开启装饰器语法: 在tsconfig.json文件中,将这两项开启: 装饰器的基本语法,使用@进行使用 类的装饰...
在完成了爬取数据的借口之后,遇到了一些问题: 接口没有做保护,可能会被人恶意一直请求,导致一直爬取数据导致内存溢出 使用表单提交的方式 只有在密码输入正确的前提下,才可以成功...
keyof 语法 常用的场景: 获取对象的某一属性值时比如:image.png当这么写时,会造成两个问题: 没有类型保护,所以ts会抛出这样的一个错误 ts无法进行有效的类型...
安装express:npm install express -S在新版本的express中,安装express同时也会安装其相应的类型文件 开始构建逻辑 初始化爬虫接口 搭建...
使用session完成登录功能的开发 借助中间键cookie-session 安装:npm install cookie-session @types/cookie-sess...
什么是描述文件 帮助ts理解js文件或者js库,因为ts缺少js的概念。 一般以d.ts为结尾 比如以常用的jquery为例,通过在ts中手写一个jquery的描述文件帮助理...
命名空间可以解决模块化问题, 防止暴露统一的接口 比如,Header,Body,Footer是三个模块 这样编写完成之后,虽然完成了简单的拆分,但没有完全做到模块化。从编译完...
Parcel 一款轻量级的打包工具 安装: npm install parcel@next --save 使用parcel直接编译即可:parcel src/index.h...
函数的泛型 泛型 generic 泛指的类型 适用的场景:制定函数的参数为统一的某一类型在调用时才能够确定参数的类型比如,以下这个函数,我想要对参数进行制约,first的类型...
解决的开发问题:在实际的开发过程中,可能会遇到以下的场景 但这样的代码可读性并不是很好,使用对象的形式增加一下代码的可读性 在typescript中,专门有一个枚举类型Enu...
基本概念 联合类型:该类型要么属于A要么属于B,用代码来表示就是: 这个就称之为A和B的联合。 类型保护:对typescript类型报错的情况进行进一步处理,使其不会报错 用...
具体的tsconfig.json文件的配置请参照官方文档 tsconfig.json tsconfig.json是typescript进行编译时参照的配置文件。 只有在运行t...
目标 达到类似webpack -w的效果,只要对typescript文件进行更改就可以自动编译 使用到的库 nodemon concurrent用来处理并行的命令 types...
准备 使用的库: superagent (需要安装类型文件@types/superagent) npm install superagent @types/superagen...
如果很多类都有通性,我们就定义一个抽象类抽象类中即可以 定义抽象方法 可以定义具体的方法 定义属性 抽象类必须用继承去实现,继承的类称为抽象类的实现类定义两个类:Square...
TypeScript中的getter与setter getter 与 setter的作用可以确保成员变量的安全性,可以在赋值前多进行一步处理(加密) 通常来说,成员变量前会加...
访问类型 常见的访问类型:public,`` public:允许类内部和外部都可以被调用 protected:允许在类内以及继承的子类中使用 private:允许在类内被使用...
interface接口 使用场景 如果能用interface去表示类型,尽量使用interface去表示。如下的例子: 由于传入的类型是一个特定类型,可以使用interfac...