清风不许-优快云博客

原创 CCloudAlarm接入阿里云监控指南

如何集成阿里云监控与告警平台，实现高效管理多监控系统。

2023-10-10 08:49:08 214 1

TypeScript中的接口继承TpyeScript中的接口继承接口 typescript中我们定义接口的时候可以继承其他接口，如下代码中我们定义了一个二维坐标的接口TwoPoint，在定义了一个三维坐标接口继承二维接口，此时我们只需要在三维接口中定义z坐标，因为三维坐标接口继承了二维坐标接口，所以已经具有了x，y坐标。具体代码如下：// 接口继承接口interface TwoDPoint{ x: number, y: number}interface ThreeDPoin

2021-01-21 14:17:47 2919 2

原创 23-ts中的类类型的接口

TypeScript中的类接口在typescript中支持我们对类进行接口的定义，具体语法如下：interface 类接口名{ 属性1 : 数据类型, 属性2 : 数据类型, ...} 示例代码如下：/*定义Person类的接口PersonInterFace，其中有三个属性，分别是 1、字符串类型的name 2、数字类型的number 3、没有返回值的eat方法*/interface PersonInterFace{ name: string,

2021-01-21 11:45:41 516

原创 22-ts中的函数类型的接口

TypeScript中的函数类型的接口前篇文章中我们基本介绍了接口的定义，接口的基本使用。本篇文章中我们将会学习使用TyprScript中函数类型的几口。其基本语法如下：interface 函数接口名{ (参数列表): 函数返回值}下面是示例代码：interface SumInterFace{ (a: number, b: number): number}let sum: SumInterFace = function (a: number, b: number) :

2021-01-21 11:34:19 1180

原创 21-ts中的接口

TypeScript中的接口TypeScript中接口的基本使用接口可以理解为一个规范，当我们需要的限制传入的参数具有什么样的值时，我们可以使用接口来规范传入的参数对象，例如下面的代码中，声明了一个AjaxOptions接口，其中有四个属性。我们要在ajax函数中限制其传入的参数必须有这四个属性的时候我们就可以让该参数继承AjaxOptions接口。然后我们再调用ajax函数时传入的参数就必须有该四个属性，否则就会报错。// 使用interface声明AjaxOptions接口interfac

2021-01-21 11:16:50 289

原创 20-ts中的存取器

TypeScript中的存取器我们一般定义类中的属性并读取和存储是这样的：class Person{ //定义内部变量 public _name; //在构造函数中对name属性进行初始化 constructor(){ this._name="" }}//实例化一个Person类let personName1=new Person();//获取name变量personName1.name; //""//设置set变量personN

2021-01-21 09:27:42 718

原创 19-ts中的只读属性和参数属性说明

TypeScript中的只读属性和参数属性说明当我们在类中想要定义一个不可以被外部改变的属性的时候，我们可以使用readonly修饰符，将该变量修饰为只读属性，这样在类的外部只可以访问该属性而不能改变该属性的值。使用了readonly变为只读属性的变量必须在类中赋予初始值或者在构造函数中进行初始化在构造函数前可以给参数加修饰符，此时就相当于定义了一个参数，同时将调用时传入的参数的值赋值给该参数。class Cat{ //此时将name属性设置为只读属性，外界只能访问name变量的值，但

2021-01-20 23:50:44 1969

原创 18-ts中类成员的访问修饰符

TypeScript中的访问修饰符访问修饰符指的就是可以在类的成员前通过添加关键字来设置当前成员的访问权限。typescript中主要有三个访问修饰符： 1、public: 公开的，默认任何对象在任何地方都可以进行访问 2、private：私有的，只能在当前类中进行访问 3、 protected：受保护的，这能在当前类或者子类中进行访问enum Color{ red, yellow, blue}class Car{ // 如果不加访问修饰

2021-01-20 23:38:10 997 2

原创 17-ts中的类的继承

TypeScript中类的继承 TypeScript中类的继承和es6一样，通过extends关键字进行继承。子类在继承后若要复写父类的constructor方法需要先调用super()方法，并且要传入父类中构造函数定义的参数。如下代码中复写父类的constructor方法中先调用了super()方法，并传入了父类的constructor()方法中要求传入的参数age。如果子类的方法和父类的同名，子类中的方法会覆盖父类的方法。//父类Animalclass Animal{ age: numb

2021-01-20 23:09:49 2083

原创 16-ts中的类

typescript中的类 typescript中的类和ES6不同的是，TS中属性必须声明，需要指定类型。声明后的属性必须赋值一个默认值或者在构造函数中进行初始化。以下是es6中定义类的示例：class Person{ constructor(name,age){ this.name=name; this.age=age; } sayHello(msg){ console.log(msg); }}以下是types

2021-01-20 22:46:26 190

原创 ts中的数据类型

TypeScript中的数据类型1、数字类型 typescript中的数据类型可以被赋值为数字，NaN，Infinity，还有进制数字。let a: number = 10; let b: number = NaN; let c: number = Infinity;let d: number = 0xA12; //十六进制数字 let e: number = 0b1010101; //二进制数字let f: number = 0o75; //八进制数字2、字符串类型

2021-01-20 22:25:16 1979 2

原创 Flow学习小结

Flow学习小结Flow的定义。Static Type Checker For JavaScript一种静态类型检查工具，专门为js而生的，帮助js在开发阶段解决一些数据类型的bug。Flow的作用Flow能够给JavaScript提供静态类型检查的能力，其实就是为javascript添加了一个编译过程。Flow的使用安装Flownpm i flow-bin -D在配置文件package.json中找到script属性，并添加flow和babel指令："scripts": {

2021-01-19 23:40:13 335

原创 13-Flow的对象类型

Flow中的对象类型当我们需要对调用的函数的参数是一个对象并且我们要对对象中的元素进行限制时，我们就需要用到flow的对象类型。语法function 函数名(参数名 : {对象属性1 , 对象属性2,...}){ }实例代码：//@flowfunction greet(obj: { sayHello: () => void, name: string }) { obj.sayHello();}var o = { name: "怀吉" }

2021-01-19 22:43:07 258

原创 12-Flow的或操作和类型推断

Flow中的或操作和类型判断Flow中的或操作：当我们希望一个变量可以是一种数据类型，也可以是其他指定的数据类型的时候，我们就可以使用flow中的或操作。语法：let 变量名 : 数据类型1 | 数据类型2 | ... = 数据初始值 ;实例代码：//@flowlet a: number | string = 10;a = "123";此时flow检查变量 a 的类型的时候既可以是 number类型的，也可以是string类型的。因此我们在第三行代码将a赋值为字符串"123"

2021-01-19 19:06:06 196

原创 11-Flow的Maybe类型

Flow的Maybe类型的使用在开发中，我们有时候在使用函数的时候会传入参数，有时候也不会传入参数，但我们希望函数在有参数和没有参数的时候都能够正常执行，这时候我们在使用flow进行数据类型检测的时候就可以使用Maybe数据类型使用方法：let 变量 : ? 数据类型 = 变量值;没有使用maybe类型：//@flowfunction geta(a: number) { return a;}geta();此时geta函数的参数需要的是num类型的，而我们在调用的时候没有传

2021-01-19 19:03:16 141

原创 innerHTML在使用getElementsByClassName()失效问题

innerHTML失效问题问题描述解决方法后言问题描述在使用js获取div下的p标签并改变其显示的值时，使用getElementsByClassName()方法无法改变其中的值。HTML代码如下：<body> <div class="screen"> <p id="present" class="show">即将开始</p> </div> <button id="1" onclick="star

2020-11-25 10:51:22 2074 4

原创 Adams建模入门

Adams建模入门：一、Adams基本概念：DAMS，即机械系统动力学自动分析(Automatic Dynamic Analysis of Mechanical Systems)，该软件是美国机械动力公司(Mechanical Dynamics Inc.)(现已并入美国MSC 公司)开发的虚拟样机分析软件，现已经并入美国MSC公司。ADAMS软件由基本模块、扩展模块、接口模块、专业领域模块及工具箱5类模块组成。用户不仅可以采用通用模块对一般的机械系统进行仿真，而且可以采用专用模块针对特定工业应用领域的问

2020-08-02 18:22:00 6496

原创 CSS的hover由于类选择器优先级失效问题解决方案

CSS的hover由于类选择器优先级失效问题解决方案使用hover伪类选择器给兄弟标签添加鼠标悬停属性在网页制作中，我们时常需要将导航栏的子元素隐藏，当鼠标悬停在导航栏上时才显现子元素。就如：ps：不是博主打广告，而是博主没有买会员，所以这水印太嚣张，请读者见谅实现方法html部分代码<body> <div class="bg"> <div class="box1"> <h5> <font color="white

2020-06-20 10:02:24 1524

原创关于在Windows10上安装face_recognition的方式和注意事项

关于在Windows10上安装face_recognition的方式和注意事项face_recognition是python的一个第三方的关于人脸识别的库。一般来说在Linux和MAC系统上装face_recognition是比较容易的，而在Windows上装则会比较麻烦，得先装dlib,而且dlib还有版本的需求。笔者是一个刚学了一个多月代码的大学生，因此对许多概念还并不是很熟悉。在学完pyt...

2020-03-13 10:07:49 1873 2

m0_46163764的博客