- 博客(28)
- 收藏
- 关注
RSS订阅原创 【VUE 组件之间通信的几种方式】
任意组件之间的通讯（eventBus）Vue的eventBus是用来在组件之间传递消息的工具，可以用于任意组件之间的通讯，而不需要父子组件之间的传递。但需要小心使用，以避免混乱
2023-11-01 19:30:00
106
原创 【linux系统监控：记录用户操作轨迹，谁动过服务器】
1、前言我们在实际工作当中，都碰到过误操作、误删除、误修改过配置文件等等事件。对于没有堡垒机的公司来说，要在linux系统上深究到底谁做过配置文件的修改、做过误删除是很头疼的事情，特别是遇到删库跑路的事件，更头大了。当然，如果你想查看在某个时间段到底呢？
2023-06-26 10:00:00
849
原创 QRcode及html2canvas
3、调用donwloadImage方法即可，注意需要dom加载了才能下载，有特殊场景就使用显隐来控制吧。2、引入import QRCode from ‘qrcode’1、首先写一块内容，加上获取dom的id；1、安装npm install qrcode。2、固定生成图片写法。
2023-06-06 22:00:00
215
原创 【文件下载】
在前端开发中，有时需要让用户下载文件，比如下载PDF文档、Excel表格等。这时候，我们可以使用JavaScript来实现文件下载功能。本文将介绍几种常用的前端JS下载文件的方法，包括XMLHttpRequest、Fetch API、Blob、FileSaver.js等。
2023-05-19 20:00:00
521
2
原创 【火狐与谷歌】
使用以上写法，现象：火狐会打开两个窗口，并且两个窗口都是登录页；谷歌拦截了新打开的窗口，当前窗口展示登录页（需要调整浏览器网速才能看到拦截）；然后就排查到代码问题了，开始还以为是兼容问题、用法问题。
2023-04-27 16:36:40
129
原创 Fetch请求数据
fetch()方法与XMLHttpRequest类似，fetch也可以发起ajax请求，但是与XMLHttpRequest不同的是，fetch方式使用Promise，相比较XMLHttpRequest更加的简洁。fetch最大的特点是与Promise对象的结合，Fetch API大多方法都返回一个Promise对象，使我们的编程风格更加优雅（上流）。简单的了解了Promise后我们就可以对fetch()方法有一个很好的认识了，fetch是全局量window的一个方法，第一个参数为URL。
2022-12-27 11:42:31
1748
原创 翻页及轮播的条形图
翻页及轮播的条形图需要注意当柱形颜色需要渐变时（new echarts.graphic.LinearGradient），需降低echarts版本，4.9即可比较满意的是左侧可以设置为数字排行还是图片样式排行，为图片时可设置自定义数字，图片只作为背景，也可设置图片带上数字进行排行；下方分页能点击时则是高亮，不可点击为灰色。下面把代码分享出来了，其中有的参数是动态设置可配置的记得修改啊！！！！/* eslint-disable */import React from 'react';import
2022-05-17 11:46:11
240
原创 hls流视频，m3u8格式播放
要想使用videojs我们势必是需要安装videojs的, 而且在生产环境中我们也需要依赖它, 所以如下安装对应的插件依赖npm install video.js -Snpm install videojs-flash videojs-contrib-hls -Syarn add video.js -Syarn add videojs-flash videojs-contrib-hls -S我们打开Vue工程中的主入口main.js进行引入// 引入videojs，以下引入了rtmp与hl
2022-04-02 15:59:57
3035
原创 echarts可视化的那些事
echarts图形配置废话不多说，直接上代码（vue写法）废话不多说，直接上代码（vue写法） const data = [820, 932, 901, 934, 1290, 1330, 1320]; let lineDom = document.getElementById("myLine"); let myLine = this.$echarts.init(lineDom); let option; option = { xA
2022-03-31 17:41:08
765
原创 Object.keys()、Object.values()、Object.entries()的用法
Object.keys(obj)遍历得到的是对象的属性名；Object.values(obj)遍历得到的是对象的属性值；一、Object.keys(obj)参数：要返回其枚举自身属性的对象返回值：一个表示给定对象的所有可枚举属性的字符串数组处理对象，返回可枚举的属性数组let person = {name:“张三”,age:25,address:“beijing”,getName:function(){}};console.log(Object.keys(person));处理数组，返回索
2020-10-24 20:09:23
556
原创 浅拷贝和深拷贝的区别和实现方法
浅拷贝和深拷贝的区别和实现方法？首先，浅拷贝和深拷贝都只针对于像Object， Array这样的复杂对象，区别：浅拷贝只复制对象的第一层属性、深拷贝可以对对象的属性进行递归复制可见；基础数据类型的拷贝为深拷贝；引用数据类型的拷贝为浅拷贝。举个例子：代码:var a=1;var b=a;b=3;console.log(a)//1 这里就是深拷贝，改变了b的值但不影响a的值//再举一个例子var arr=[1,2,3];function fn(n){arr[n]=9;}fn
2020-10-24 19:49:20
745
原创 css布局两边固定中间自适应的常用方法
css布局两边固定中间自适应 <h2>1、利用自身浮动</h2> <p>左右浮动两块div元素，脱离标准流，中间那块元素就会上去，跟他们一行，利用margin留出左右宽度</p > <div class=box1> <div class="boxLeft">左边</div> <div class="boxRight">右边</div> <!-- 注意这个div
2020-10-24 19:31:55
1282
原创 闭包的使用场景
一、闭包由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，闭包就是能够读取其他函数内部变量的函数。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。比如下面的代码：function f1() { var n = 999; function f2() { console.log(n); } return f2;}var result = f1();result();//999函数f2就被包括在函数f1内部，这时f1内部
2020-10-24 19:23:47
18517
1
原创 hash和history实现以及区别
从用户角度看 前端路由实现了两个功能（使用ajax更新页面状态的情况下）1、记录当前页面的状态（保存或分享当前页的url，再次打开该url时，网页还是保存的（分享）时的状态）；2、可是使用浏览器的前进后退功能（如点击后退按钮，可以使页面回到ajax更新页面之前的状态，url也回到之前的状态）作为开发者，要实现这两个功能，我们需要做到：1、改变url且不让浏览器向服务器发出请求；2、监测url的变化；3、截获url地址，并解析出需要的信息来匹配路由规则。我们路由常用的hash模式和history
2020-10-24 19:18:45
631
原创 Set 对象
Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。简述Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。值的相等因为 Set 中的值总是唯一的，所以需要判断两个值是否相等。在ECMAScript规范的早期版本中，这不是基于和===操作符中使用的算法相同的算法。具体来说，对于 Set s， +0 （+0 严格相等于-0）和-0是不同的值。然而，在 ECMAScript 2015规范中这点已被更改。有关详细信息，请参阅浏
2020-10-24 19:15:30
571
原创 ES6解构赋值
首先是数组的解构赋值1.这是等号左右类型一样的情况下 数组的元素是按次序排列的，变量的取值由它的位置决定 如下： let [,,b] = [1,2,45] console.log(b) // 45 let [a,,c]= [1,2,3] console.log(a,c) // 1 3 let [d] = [] console.log(d) // undefined let [e,f] = [1] console.log(e,f) // 1
2020-10-24 19:03:21
121
原创 js中entries方法的使用
Object.entries() 可以把一个对象的键值以数组的形式遍历出来，结果和 for…in 一致，但不会遍历原型属性。1-传入对象const obj = { name: ‘colin’, age: ‘18’ };console.log(Object.entries(obj)); // [[‘name’, ‘colin’], [‘age’, ‘18’]]每一个键值对对应一个数组，最后再存入到一个数组中。2 – 传入数组const arr1 = [1, 2, 3];console.log(
2020-10-24 18:50:56
3014
原创 git的使用
教程参考站点：**https://www.liaoxuefeng.com/wiki/896043488029600**Git是目前世界上最先进的分布式版本控制系统（没有之一）。集中式vs分布式git应用： 1.初始化git： git config --global user.name "iwen" git config --global user.email "邮箱" 2.创建版本库 注意事项：如果你使用Windows系统，为了避免遇到
2020-10-24 18:28:10
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人