- 博客(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
原创 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关注的人