自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 vue通过打包配置区分环境

用于正式环境的配置。然后可以在这些文件中指定不同的环境变量,在代码中通过。在Vue中,通常会使用环境变量来区分打包测试环境和正式环境。这样可以在代码中根据环境变量来区分不同的环境,比如在Vue的。通过这种方式,你就可以区分打包测试环境和正式环境了。文件来管理环境变量,你可以在项目根目录下创建不同的。文件来分别指定测试环境和正式环境的配置。参数来指定使用哪个环境配置。用于测试环境的配置,创建。表示使用测试环境配置,表示使用正式环境配置。

2023-12-26 15:21:19 462

原创 前端播放rtsp协议视频流(Ubuntu搭建ZLMediaKit音视频服务推拉流)

ZLMediaKit是一个基于C++开发的开源流媒体服务器。它提供了高性能的音视频处理能力,支持常见的流媒体协议,如RTSP、RTMP、HLS和HTTP-FLV,并且具有低延迟和高并发处理能力。

2023-12-12 14:26:09 829

原创 javaScript使用拖拽Api 开发dom全屏随意拖动

【代码】javaScript使用拖拽Api 开发dom全屏随意拖动。

2023-12-06 11:12:14 108 1

原创 vue 鼠标拖动选取框进行截图功能

【代码】vue 鼠标拖动选取框进行截图功能。

2023-12-05 11:01:09 553 1

原创 前端引入ffmepg 对视频画矩形贴图

用vue + ffmepg 成功给视频添加了两个选取框

2023-12-05 10:35:25 284 1

原创 javaScript 判断数组是否又存在相同字段值

【代码】javaScript 判断数组是否又存在相同字段值。

2023-12-05 10:17:52 125 1

原创 js 封装websocket (包括心跳检测,断线重连等)

代码】js 封装websocket (包括心跳检测,断线重连等)

2022-08-05 10:35:35 3160 2

原创 vue使用自定义指令 判断所点击区域是否在某个dom节点内

directives{{functionhandleFun(e){//判断所点击dom是否为el的节点console.log('在节点内')}else{console.log('在节点外')}}}}},

2022-07-21 13:55:37 1280

原创 前端发请求获取后端文件流并导出

export const downloadAuth = (fileName, href) => { let xhr = new XMLHttpRequest(); //GET请求,请求路径url,async(是否异步) xhr.open('GET', href, true); //设置请求头参数的方式,如果没有可忽略此行代码 xhr.setRequestHeader('Authorization', store.state.app.token); //设置响应类型为 blob

2022-05-20 14:08:17 490

原创 前端使用masonry瀑布流式布局

@前端使用瀑布流式布局引入插件 masonry.js<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>html 代码<body> <div id="grid"> <div class="grid-item"> <img src="images/Slice%201.png" alt="">

2022-05-17 14:01:19 670

原创 js 判断是否为空格或者回车

if(test.match(/^\s*$/)){ // 判断是否为空格或者回车console.log(“all space or \n or empty”)}if (test.match(/1*$/)) { // 全部为空格console.log(“all space or empty”);} ↩︎

2022-02-15 11:51:00 1529

原创 原生table 表头固定 滚动条美化

table tbody { display: block; height: 400px; overflow: auto; } table thead, tbody tr{ display: table; width: 100%; table-layout: fixed; text-align: center; } /*定义滚动条样式(高宽及背景)*/

2021-11-04 13:56:34 376

原创 prototype和__proto__的区别

prototype和__proto__的区别每个对象都有__proto__ 只有函数对象才有prototype在对象创建时,就会有一些预定义的属性,其中定义函数的时候,这个预定义属性就是prototype,这个prototype是一个普通的对象,而定义普通的对象的时候,就会生成一个__proto__,这个__proto__指向的是这个对象的构造函数的prototype话不多说直接敲function f (name){ this.name = name}var obj = {}此时我们可

2021-09-26 15:29:16 154

原创 js 封装原生XMLHttpRequest

关键代码function Ajax(type,url,data){ return new Promise(function(resolve, reject){ let ajax = new XMLHttpRequest(); ajax.timeout = 3000 if(type === 'get'){ let params = '' Object.keys(data).forEach(function(key){ params +=

2021-09-03 16:45:04 370

原创 防抖 节流

防抖let input = document.querySelector('input'); function cz (){ console.log('执行操作') } input.oninput = unShake(cz) function unShake (cz){ let time = null return function(){ if(time != null){ clearTimeout(time) }

2021-09-02 17:26:25 116

原创 dom 拖拽

dom 拖拽到任意位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g

2021-09-02 10:58:10 150

原创 html dom节点互换 数组位置互换

html dom节点互换function swap(aNode,bNode){var aParent = aNode.parentNode;var bParent = bNode.parentNode;if(aNode && bNode){var aNode2 = aNode.cloneNode(true);//aNode 没有父节点bParent.replaceChild(aNode2,bNode);aParent.replaceChild(bNode,aNode);}}

2021-08-31 17:53:45 251

原创 vue引入echarts 时报“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

vue引入echarts 时报"export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’解决办法import * as echarts from 'echarts'

2020-12-28 15:53:40 599

原创 js数组随机排列组合

js数组随机排列组合function combine(i, results, res) {//排列组合 var wordList = [[1,2],[3,4]] if(wordList.length === 0){ results = [] }else{ for

2020-12-18 15:17:59 1196

原创 css获取同类名下的第二个开始

csscss获取同类名下的第二个开始代码如下.first-box:nth-of-type(n+2){margin: 0 auto;margin-top: 30px;}

2020-12-17 14:21:10 3665

空空如也

空空如也

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

TA关注的人

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