Jude's blog

归档 · 2022

首页

关于

归档

ts

105、typescript函数Class类型:函数重载和面向对象(三)

日常开发中最常用的、基础的变量类型标注,包括原始类型、对象类型、字面量类型与枚举类型。而实际开发中还有一个重要的朋友:函数。函数能够帮助我们进一步抽离与封装代码逻辑,所以掌握函数类型必不可少。如果说函数代表着面向过程的编程,那么 Class 则代表着面向对象的编程,而它也是 ES6 新特性的重要一部分———我们终于可以和各种花式继承告别了。 介绍函数与 Class 的类型标注,以及一些在 TypeScript 中独有或相比 JavaScript 更加完全的概念,如重载与面向对象的编程等。函数部分,我们主要关注其参数类型、返回值类型以及重载的应用。 Class 部分,除了类型以外,我们还会学习访问性修饰符、继承、抽象类等来自于面向对象理念的实际使用。 函数函数的类型签名如果说变量的类型是描述了这个变量的值..

更多
loading..
ts

104、typescript字面量类型和枚举(二)

了解了原始类型与对象类型以后,我们已经能完成简单场景的类型标注了。但这还远远不够,我们还可以让这些类型标注更精确一些。比如,有一个接口结构,它描述了响应的消息结构: 12345interface IRes { code: number status: string data: any} 在大多数情况下,这里的 code 与 status 实际值会来自于一组确定值的集合,比如 code 可能是 10000 / 10001 / 50000,status 可能是 "success" / "failure"。而上面的类型只给出了一个宽泛的 number(string),此时我们既不能在访问 code 时获得精确的提..

更多
ts

103、typescript理解原始类型和对象类型(一)

原始类型的类型标注JavaScript 的内置原始类型,除了最常见的 number / string / boolean / null / undefined, ECMAScript 2015(ES6)、2020 (ES11) 又分别引入了 2 个新的原始类型:symbol 与 bigint 。在 TypeScript 中它们都有对应的类型注解: 123456789const name: string = 'jude'const age: number = 24const male: boolean = falseconst undef: undefined = undefinedconst nul: null = nullconst obj: object = ..

更多
vue3

102、项目部署通用方案

之前用过阿里巴巴的云效(codeup)管理代码及部署,通过搭建流水线的方式,前端提交完代码之后(前端提交代码时不用 npm run build),可以按照简单的步骤将前端代码打包、发布(包括开发环境、测试环境)。

更多
vue3

101、富文本与markdown对文本的处理

编辑文本的 2 种方式:1、富文本; 2、markdown。这 2 种编辑形式在前端中有很多第 3 方库。 一、创建文本基本结构1-1 创建文本基本结构,主要分为三部分:1、article-create 页面:基本结构 2、Editor 组件:富文本编辑器 3、Markdown 组件: markdown 编辑器 src 目录下的项目结构: 12345views / article - create / components / Editor.vue;views / article - create / components / Markdown.vue;views / article - create / index.vue..

更多
12