Menkongkong-CSDN博客

原创 js数组操作方法copyWithin

copyWithin()可以复制数组的一部分到该数组的其它位置，该方法会改变数组的内容，但是不会改变数组的长度。语法：copyWithin(target,start,end)，所有参数必须为整数参数target1.当只有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 1837 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 7599

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

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

2021-01-18 13:35:59 2650 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 3518 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 2466

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

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

2020-07-18 09:30:56 2589

原创 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 9189 3

Menkongkong的博客