你会抱下我嘛-优快云博客

原创获取数据中最小的值

const array = [[16, 3, 7], [2, 24, 9], [4, 1, 12]]const row_min = array.map(item => Math.min(...item))console.log(row_min)

2023-03-29 10:17:14 129

组乱序const shuffleArray = (arr) => arr.sort(() => Math.random() - 0.5) // 测试const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];console.log(shuffleArray(arr))js复制到剪贴板const copyToClipboard = (text) => navigator.clipboard?.writeText && na

2022-03-03 17:35:34 156

原创 Vue3.0-eventBus组件传值-mitt

安装npm官网：mitt - npmnpm install mitt实例化导出// 新建event.jsimport mitt from 'mitt'export default mitt()引入import event from "../event";事件处理// 发送// 参数一：自定义事件名称// 参数二：数据event.emit(parameter,data)// 接收// 参数一：自定义事件名称// 参数二：数据event.on('p

2022-03-02 12:40:49 636

原创 Vue3.0脚手架和vite项目搭建

1、通过vue/cli 脚手架安装V3确认本地vue/cli如果没有安装过可以通过npm install -g @vue/cli 进行安装项目目录下进行命令vue create <project-name> (project-name) 为目录名称可以选择V2或者V3选择依赖配置，这里我们选择的时npm等待依赖安装好后，通过提示我们CD 项目目录里通过初始化配置启动项: npm run serve 启动项目启动成功访问本地ht...

2022-02-26 12:56:42 1387

原创 TS 练习题

创建一个接口IShape，接口中有一个求面积的方法“getArea()”和求周长的方法“getLength()”。定义一个图形类Square，该类实现了IShape接口。Square类中有一个属性width/height表示图形的边长，在构造方法中初始化该边长。创建Square类的实例对象，求该图形对象的面积和周长interface IShape { getArea():any getLength():any}class Square implements IShape {

2022-02-26 12:30:59 1088

原创 TypeScript 学习笔记07-装饰器（类装饰器、属性装饰器、方法装饰器、参数装饰器）

装饰器：装饰器是一种特殊类型的声明，它能够被附加到类声明、方法、属性或参数上，可以修改类的行为。通俗的讲装饰器就是一个方法，可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能常见的装饰器有：类装饰器、属性装饰器、方法装饰器、参数装饰器装饰器的写法：普通装饰器（无参数）、装饰器工厂（可传参）装饰器是过去几年种js最大的成就之一，已经es7的标准特性之一...

2022-02-24 16:20:34 586

原创 TypeScript 学习笔记06-命名空间namespace

命名空间：在代码较大的情况下，为了避免各种变量命名相冲突，可将相似功能的函数、类、接口等放置到命名空间内命名空间和模块的区别：命名空间：内部模块，主要用于组织代码，避免命名冲突模块：ts的外部模块的简称，侧重代码的复用，一个模块里可能有多个命名空间关键词：namespacenamespace A { export class user { name:string = 'zhangsan' }}namespace B { exp.

2022-02-24 12:57:11 375

原创 TypeScript 学习笔记05-泛型工程（泛型类/泛型接口/把类作为参数的泛型类）

泛型工程中，我们不仅要创建一致的定义良好的api，同时也要考虑可重用性，组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能泛型：解决了类、方法、接口的复用性、以及对不特定数据类型的支持1、同时返回string 类型和 number 类型以及any的利和弊（回顾）function run1 (value:number):number { return value}run1(911)run1('911') // 错误

2022-02-23 18:11:48 435

原创泛型习题练习

功能定义一个操作数据库的库，支持MySql MsSql MongDb要求1：MySql MsSql Mongdb功能一样，都有add updata delete get注意：约束统一规范、以及代码重解决方案：需要约束规范所以走定义接口，需要代码重用用泛型1：接口:在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范2：泛型：通俗理解：泛型就是解决类接口方法的复用性思路：1、定义一个泛型接口22interface configApi<T&g..

2022-02-23 18:11:08 907

原创 TypeScript 学习笔记04-接口定义、行为和动作约束，函数类型接口、可索引接口、类类型接口、接口扩展和接口的继承

1、属性类接口function pullData(name:string) { console.log(name)}pullData('this is ts')// this is ts2、对json进行约束关键词interface接口定义行为和动作规范，对批量方法进行约束接口可选属性通过？来判断interface json { name:string; age:number}function pullData(object:json)

2022-02-16 14:20:08 188

原创 TypeScript 学习笔记03-类的修饰符/静态属性/多态以及抽象类和方法

ts类的修饰符public：公有在类里面、子类、类外部都可以访问protected：保护类型在类里面子类里面可以访问，在类外部没法访问private：私有在类里面可以访问，在子类、类外部都没法访问public：公有在类里面、子类、类外部都可以访问class Person { public name:string; constructor(name:string) { this.name = name } run() {

2022-02-13 11:38:48 393

转载 JS内存泄漏与垃圾回收机制

转载地址JavaScript 内存泄漏教程 - 阮一峰的网络日志javascript的垃圾回收机制与内存管理_Oliver_web的博客-优快云博客JavaScript垃圾回收机制 - 郑文亮 - 博客园什么是内存泄漏？程序的运行需要内存，只要程序提出要求，操作系统或者运行是就必须供给内存。对于持续运行的服务进程，必须及时释放内存，否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。不再用到的内存，没有及时释放，就叫做内存泄漏。有些语言（比如c语言）必须手动释放内存

2022-02-13 10:53:55 775

原创 TypeScript 学习笔记02-函数-类的定义和继承

函数// 普通函数 function run():string// 匿名函数 var run = function():number// void 函数 function fun():void { alert('this is ts')}// 函数传值function run(name:string,age:number) { console.log(name,age) // 李四 20}run('李四',20) // 备注:name和age为比

2022-02-13 10:51:53 286

原创 TypeScript 学习笔记01-数据类型

一、数据类型数据类型 booleanvar flag:boolean = false字符串类型 stringvar str:string = 'this is TS'数字类型 numbervar num:number = 9527数组类型 Arrnyvar arr:[] = []var strList:string[] = ['1','2','3']var numList:string[] = [1,2,3]元组类型var mix:[string

2022-02-13 10:27:22 199

weixin_44922515的博客