你会抱下我嘛-CSDN博客

原创获取数据中最小的值

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 165

组乱序 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 202

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

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

2022-03-02 12:40:49 669

原创 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 1432

原创 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 1131

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

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

2022-02-24 16:20:34 625

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

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

2022-02-24 12:57:11 403

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

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

2022-02-23 18:11:48 467

原创泛型习题练习

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

2022-02-23 18:11:08 944

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

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

2022-02-16 14:20:08 211

原创 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 417

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

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

2022-02-13 10:53:55 819

原创 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 313

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

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

2022-02-13 10:27:22 230

weixin_44922515的博客