自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 问答 (1)
  • 收藏
  • 关注

原创 js数组操作方法copyWithin

copyWithin()可以复制数组的一部分到该数组的其它位置,该方法会改变数组的内容,但是不会改变数组的长度。 语法:copyWithin(target,start,end),所有参数必须为整数 参数target 1.当只有target参数时,会将从0索引开始复制,然后从当前位置粘贴序列 let arr1 = [1,2,3,4,5,6,7,8,9,10]; arr1.copyWithin(3); console.log(arr1); // 输出[1, 2, 3, 1, 2, 3, 4, 5, 6, 7]

2021-06-07 17:27:13 2097 2

原创 js数组操作方法 concat

concat用于连接两个或者多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 语法:arrayObject.concat(arrayX,arrayX,…,arrayX) 基本用法 let arr1 = [1,2,3,4]; let arr2 = [2,3,4,5]; console.log(arr1.concat(arr2)); // 输出:[1, 2, 3, 4, 2, 3, 4, 5] let number = 1; let concat1 = arr1.concat(numbe

2021-06-07 11:18:57 8854

原创 JS录屏以及录屏视频下载功能实现,可选择整个屏幕、程序窗口、浏览器页面

JS录屏以及录屏视频下载功能实现,可选择整个屏幕、程序窗口、浏览器页面 首先看一下功能实现后的效果图,因为上传图片的大小限制,效果图使用的480分辨率视频转的gif,所以比较模糊,实际录制可以根据需求调整视频分辨率。 在进行录制之前需要先给IP设置权限,否则浏览器出于隐私保护不允许进行录制,下面是谷歌浏览器设置权限示例,实际开发请调整。 在谷歌浏览器中打开该网址:chrome://flags/#unsafely-treat-insecure-origin-as-secure 将自己的IP地址复制到文本框中

2021-01-18 13:35:59 3083 5

原创 JS、Vue.js监听用户是否离开当前页

JS、Vue.js监听用户是否离开当前页面 使用visibilitychange监听document 当触发visibilitychange后,document.visibilityState会有两个值,第一个是hidden:表示当前页面不可见,第二个是visible:表示当前页面至少有一部分是可见的。通过if判定document.visibilityState的值来实现当用户离开页面时要实现的交互或者向后台发送数据。 mounted() {//如果再vue中将判定放置在mountde

2021-01-18 09:28:02 4157 4

原创 Vue字符串查重 、数组查重、不重复的文字高亮显示

Vue字符串查重 ,不重复的文字高亮显示 先放效果图 问题拆分 1.要改变颜色为单个字符颜色,数据格式需改变。 2.对数组查重,获取重复元素 3.元素对比,找出非重复元素 4.添加对应样式 改变数据格式 因为要改变单个字符的颜色,因此每一个字符必须为一个独立块,否则无法单独改变某一个字的样式,将两个字符串相连后使用split()将字符串转为数组,通过v-for将每一个数组元素渲染出来 <span v-for="(item,key) in textArray" :key="key"&gt

2021-01-13 14:25:46 2784

原创 JS实现选项卡以及跳转到选项卡页面时选项卡显示对应内容

JS实现选项卡以及跳转到选项卡页面时选项卡显示对应内容 实现效果 当点击对应的导航时,下方显示对应的内容,并且导航的样式发生改变。也就是点击导航一,下方只显示内容一,而其它的内容不可见。 实现思路 将内容样式设置为display:none;,在点击导航时,触发一个onclick事件使得内容的样式变为display:block;,并且给导航添加一个class名,赋予新的样式。 1. 基础界面 也就是上方的图片代码 html代码 <body class="body"> <div cl

2020-07-18 09:30:56 2898

原创 HTML+CSS/CSS3实现滑动下拉导航栏

HTML+CSS/CSS3实现滑动下拉导航栏 纯css实现的滑动下拉导航栏,超详细代码,以及实现中遇到的小问题 首先创建一个列表以及一些标签的全局样式 html代码 <div class="nav"> <ul> <li><a href="">一级目录</a></li> <li><a href="">一级目录</a

2020-05-19 00:25:16 11386 3

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除