typescript
米斯特尔曾
在前端这条道上越走越模糊了
展开
-
typescript Object is possibly ‘null‘.
明知道这个值不可能为null, 但是类型系统判断可能为null解决这个问题只需要加’!’const SaveEle = () => { let ref = useRef<HTMLInputElement>(null); let [val, setVal] = useState(0); return ( <div> <div>{val}</div> <inpu原创 2020-11-03 19:08:26 · 1169 阅读 · 0 评论 -
typescript 单元测试 测试private protected 方法
需要测试的classclass People { protected status: string; construct(public name: string, sex: 'male'|'female', age: number) { } private excrete(): void { this.status = '撒尿中'; } public talk(who: stri...原创 2020-01-07 11:13:02 · 1485 阅读 · 1 评论 -
nestjs 单元测试
nestjs单元测试启动单元测试zengwe$ npm run test运行效果 PASS src/admin/controllers/zeng-Try.controller.spec.ts Test Suites: 1 skipped, 14 passed, 14 of 15 totalTests: 7 skipped, 57 passed, 64 tot...原创 2020-01-03 11:03:14 · 2575 阅读 · 0 评论 -
JSON.stringify的使用
JSON.stringify 详细使用官方定义interface JSON { /** * Converts a JavaScript Object Notation (JSON) string into an object. * @param text A valid JSON string. * @param reviver A function...原创 2019-07-26 10:22:59 · 719 阅读 · 0 评论 -
使用 // @ts-ignore 隐藏文件中的报错
ts中有时莫名报错// @ts-ignore 注释功能。这些注释是一种轻量级的方法来抑制下一行中出现的任何错误。原创 2019-03-28 17:48:15 · 19392 阅读 · 0 评论 -
nestjs 试水
安装$ npm i -g @nestjs/cli$ nest info _ _ _ ___ _____ _____ _ _____| \ | | | | |_ |/ ___|/ __ \| | |_ _|| \| | ___ ___ | |_ | |\ `--. | / \/| ...原创 2019-03-17 23:41:45 · 1388 阅读 · 0 评论 -
typescript 设计模式--桥模式
意义与作用隔离原来一个类中两个或多个维度的变化按照多个维度变化又不相互影响减少产生类的个数提高了可扩展性举例电脑的可分为pad、笔记本、台式,电脑的品牌可能又分为苹果、联想、小米、戴尔,如果每增加一个类型比如pad就是后来才有的,那就需要每个品牌都要创建,反过来也是一样,所以要分离品牌和电脑的类型interface IBrand { name: string; i...原创 2018-12-19 23:09:58 · 175 阅读 · 0 评论 -
typescript 设计模式--装饰器模式
作用动态为一个对象添加新功能。同时不改变现有的功能。示例示例interface IStream{ read(); write();}class FileStream implements IStream{ public read() { } public write() { }}abstract class Decorate imp...原创 2018-10-24 21:00:14 · 524 阅读 · 0 评论 -
typescript 类型映射 (ReadOnly、Partial)
应用特点有时候需要一个类型,是依赖于上一个类型但是,对属性的要求去不同interface Person{ name: string; agent: number;}type Person2 = Readonly<Person>;type Person3 = Partial<Person>;class Test { run() { ...原创 2018-10-20 16:12:08 · 13827 阅读 · 0 评论 -
typescript 设计模式--观察者模式
模式定义在对象之间定义了一对多的依赖,这样一来,当一个对象改变状态,依赖它的对象会收到通知并自动更新。使用场景文件上传,并显示上传进度例子interface Progress { doProgress(percent: number);}class UploadFile { protected file: File; protected progresses:...原创 2018-10-20 15:31:53 · 422 阅读 · 0 评论 -
typescript 装饰器
类装饰器function test() { return function(target: Function) { console.log(target); // 打印出类A的构造函数 }}@test()class A { data = 1; constructor(val: any) { console.log('v...原创 2018-06-27 22:19:50 · 1312 阅读 · 0 评论 -
vscode 简单调试typescript
在vscode中调试typescript—不包含打包安装相应工具npm install -g typescript 创建项目 mkdir typescript_test && cd typescript_test初始化项目 npm init初始化typescript配置 tsc –init配置typescript配置文件得到的初始化文件如下...原创 2018-06-16 16:44:31 · 2706 阅读 · 0 评论 -
typescript的一些奇奇怪怪的定义
1.普通interface 泛型函数定义interface func{ (source: string, target: string): boolean;}let testFunc: func = function (source, target) { return source == target;}interface func2<T>{ (...原创 2018-03-27 21:03:45 · 723 阅读 · 0 评论