草庐IT

这几种

全部标签

Vue3使用hook封装常见的几种异步请求函数场景,让开发更丝滑

🚀立即请求函数我们期望的场景是,初始化一个请求函数,然后根据初始参数,立即发送请求返回请求结果,并且返回请求回调函数,方便我们根据新的参数再次调用要求返回值包含加载中状态,错误信息以及正常的数据类型。我的实现过程如下:定义具体的数据返回值签名interfaceFetch{loading:boolean,value?:T,//具体的返回类型是泛型error?:string}完整的签名如下exportdeclarefunctionuseFetch(fn:(args:Params)=>Promise,initParams:Params):[Fetch,(params:Params)=>Promise

java stream去重的几种方式

javastream去重的几种方式使用Stream的distinct()方法使用collectingAndThen()和toCollection()方法使用filter()方法使用Stream的distinct()方法这个方法会根据元素的hashCode()和equals()方法来判断是否重复。如果是自定义的类,需要重写这两个方法。示例://利用java8的stream去重ListuniqueList=list.stream() .distinct() .collect(Collectors.toList());System.out.println(uniqueList.toS

Linux开机自动挂载文件系统的几种方式

一.前言在Digitalocean上,给主机添加硬盘时,为了免去分区、格式化、挂载等麻烦,可以选择让运营商帮忙自动完成以上操作。查看文档可知,运营商在添加硬盘时,在挂载阶段自动执行了以下脚本:1).创建挂载目录。mkdir-p/mnt/volume2).挂载硬盘(临时挂载,主机重启后失效)。mount-odiscard,defaults/dev/disk/by-id/scsi-0DO_Volume_volume/mnt/volume3).修改/etc/fstab,使得挂载持久化,主机重启后将自动挂载硬盘。echo/dev/disk/by-id/scsi-0DO_Volume_volume/mn

java获取内存dump的几种方式

前不久,上线了一个新项目,这个项目是一个压测系统,可以简单的看做通过回放词表(http请求数据),不断地向服务发送请求,以达到压测服务的目的。在测试过程中,一切还算顺利,修复了几个小bug后,就上线了。在上线后给到第一个业务方使用时,就发现来一个严重的问题,应用大概跑了10多分钟,就收到了大量的FullGC的告警。针对这一问题,我们首先和业务方确认了压测的场景内容,回放的词表数量大概是10万条,回放的速率单机在100qps左右,按照我们之前的预估,这远远低于单机能承受的极限。按道理是不会产生内存问题的。java获取内存dump的几种方式获取内存详情:jmap-dump:format=b,fil

【Spring】基于注解方式存取JavaBean:Spring有几种注入方式?有什么区别?

前言 Hello,我是小黄。众所周知,Spring是一个开源的Java应用程序框架,其中包括许多通过注解实现依赖注入的功能。Spring提供了多种注入方式,可以满足不同的需求和场景。常见的注入方式包括构造函数注入、Setter方法注入和属性注入。不同的注入方式有不同的适用场景和优缺点。选择正确的注入方式可以提高应用程序的可维护性和性能。本文以Spring的常见注解以及不同注入方式的优缺点为切入点进行深入讨论。话不多说,正文开始~文章目录前言*操作准备1什么是注解?2基于注解存储Bean对象2.1类注解方式2.1.1如何存储Bean?2.1.2如何读取Bean?2.1.3读取时的常见问题及Bea

selenium中get_attribute的几种用法

使用下面的html页面进行介绍:1、获取元素的文本内容:①element.text②element.get_attribute(‘innerText’)③element.get_attribute(‘textContent’)2、获取整个元素对应的html:①获取某个元素内部的HTML文本内容②获取整个元素对应的HTML文本内容3、input输入框的元素,要获取里面的输入文本,用text属性是不行的,这时可以使用element.get_attribute(‘value’)4、要获取元素属性class的值,就可以使用element.get_attribute(‘class’)

【微信小程序】富文本rich-text的图片预览效果的几种方法

前言使用原生小程序开发,实现在富文本rich-text中的图片预览效果的几种方法对比。update:因为方案3wxparser后续没有再维护,解析微信公众号文章时会出现排版错误的问题。作为插件也很难二次开发。换成mp-html了1.正则+wx.previewImage(有明显不足)一个不需要用额外组件或插件的方法:思路:使用正则把图片的url进行剖离出来,push进一个数组中,点击富文本组件,运行wx.previewImage方法。不足:在预览图片时,无法知道用户点击的当前是哪个图片。所以,含有多张图片时,预览始终会从第一张图片开始,只能左右滑动。参考2.小程序富文本组件:mp-html(un

【微信小程序】富文本rich-text的图片预览效果的几种方法

前言使用原生小程序开发,实现在富文本rich-text中的图片预览效果的几种方法对比。update:因为方案3wxparser后续没有再维护,解析微信公众号文章时会出现排版错误的问题。作为插件也很难二次开发。换成mp-html了1.正则+wx.previewImage(有明显不足)一个不需要用额外组件或插件的方法:思路:使用正则把图片的url进行剖离出来,push进一个数组中,点击富文本组件,运行wx.previewImage方法。不足:在预览图片时,无法知道用户点击的当前是哪个图片。所以,含有多张图片时,预览始终会从第一张图片开始,只能左右滑动。参考2.小程序富文本组件:mp-html(un

Vue动态绑定Class常用的几种方式

第一种:基础用法Html部分:基本用法Js部分:data(){        return{                active:'active'        }} 第二种:三元运算绑定单个/数组形式绑定多个ClassHtml部分:三元运算使用数组Js部分:data(){        return{                isBind:false,                active:'active'        }} 第三种:计算属性绑定单个或多个ClassHtml部分:使用计算属性Js部分: data(){        return{            

Vue动态绑定Class常用的几种方式

第一种:基础用法Html部分:基本用法Js部分:data(){        return{                active:'active'        }} 第二种:三元运算绑定单个/数组形式绑定多个ClassHtml部分:三元运算使用数组Js部分:data(){        return{                isBind:false,                active:'active'        }} 第三种:计算属性绑定单个或多个ClassHtml部分:使用计算属性Js部分: data(){        return{