前端
文章平均质量分 54
Menkongkong
前端萌新
展开
-
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 · 1877 阅读 · 2 评论 -
JS录屏以及录屏视频下载功能实现,可选择整个屏幕、程序窗口、浏览器页面
JS录屏以及录屏视频下载功能实现,可选择整个屏幕、程序窗口、浏览器页面首先看一下功能实现后的效果图,因为上传图片的大小限制,效果图使用的480分辨率视频转的gif,所以比较模糊,实际录制可以根据需求调整视频分辨率。在进行录制之前需要先给IP设置权限,否则浏览器出于隐私保护不允许进行录制,下面是谷歌浏览器设置权限示例,实际开发请调整。在谷歌浏览器中打开该网址:chrome://flags/#unsafely-treat-insecure-origin-as-secure将自己的IP地址复制到文本框中原创 2021-01-18 13:35:59 · 2715 阅读 · 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 · 3736 阅读 · 4 评论 -
Vue字符串查重 、数组查重、不重复的文字高亮显示
Vue字符串查重 ,不重复的文字高亮显示先放效果图问题拆分1.要改变颜色为单个字符颜色,数据格式需改变。2.对数组查重,获取重复元素3.元素对比,找出非重复元素4.添加对应样式改变数据格式因为要改变单个字符的颜色,因此每一个字符必须为一个独立块,否则无法单独改变某一个字的样式,将两个字符串相连后使用split()将字符串转为数组,通过v-for将每一个数组元素渲染出来<span v-for="(item,key) in textArray" :key="key">原创 2021-01-13 14:25:46 · 2521 阅读 · 0 评论