- 博客(115)
- 资源 (3)
- 收藏
- 关注
原创 vue项目播放rtsp流视频。
将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目public/stactic目录下,在index.html文件里引入这两个js文件。下载webtrc-streamer的压缩包,在github上有 https://github.com/mpromonet/webrtc-streamer/releases。解压之后打开exe文件就可以播放了。(想做到把exe变成开机自启,这样就不用打开了。
2023-10-25 16:31:34 1460 2
原创 js 删除树状图无用数据,如果子级没有数据则删除
有一个需求,当你从后端拿到一个树状图的时候,有些子级没数据,这时就需要我们处理一下数据,当然了,如果第一层底下的第二层没数据,第二层底下的所有都没数据,那这一层都不需要。我的写法,先删除最后一层,然后以此类推,往上删除。可以优化,但是我没优化。
2023-10-19 10:22:10 457
原创 vue对接海康摄像头,使用hk3.3(硬盘录像机)开发摄像头分屏翻页操作。
默认展示4*4规格,分屏之后自己写翻页方法,对摄像头一一展示(1x1, 2x2, 3x3, 4x4),有俩个场景。1、拿到所有的通道号,比如有[1, 2, 3…1、刚开始默认展示的时候进行分页。2、点击分屏之后就会把这个数组变为。2、点击分屏操作之后进行分页。根据自己需求进行整改。
2023-08-08 11:54:20 1215
原创 element ui树组件render-content 树节点的内容区的渲染另一种方式
我个人理解就是jsx的写法,和react一样。也是return的模板。直接上代码吧,不用h的写法。
2023-07-26 17:10:46 1090
原创 element ui tree组件使用render函数自定义节点内容,隐藏或者显示(附带点击子节点双击事件)
<el-tree ref="tree" class="stafftree" :data="devicesTreeData" :props="defaultProps" node-key="id" @node-click="handleNodeClick" :render-content="renderContent" :default-checked-keys="checkedKeys" :default-expanded-keys="defaultExpandedKeys"
2023-07-07 18:31:58 1849
原创 vue对接海康摄像头,配合ifarme进行展示。给ifarme点击事件(消除ifarme事件,因为ifarme没有点击事件)
1、在public文件夹下建一个文件ifarme.index,和index.html同级。<!doctype html><html><head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Pragma" content="no-cache" /&g
2023-06-05 09:54:12 1816 3
原创 vue引入阿里妈妈的图标
首先你需要一个团队,然后加入进去,这时候你就可以找到自己项目需要用的的图标,然后加入购物车,直接点击下载代码,然后解压, 然后把这个文件放到你的项目里边,我是vue,所以放到了pubulc下,我用的组件是iview,然后button有props,可以直接使用,icon-xxx就是json文件里面起的名字。json文件就是你需要用到的东西,然后打开就可以看到你在阿里妈妈写的name。这时候就可以在项目引用了。
2023-05-31 20:26:48 152
原创 微信小程序、uniapp使用touchstart和touchmove左右滑动删除。以及解决上下抖动问题。
微信小程序、uniapp使用touchstart和touchmove左右滑动删除。以及解决上下抖动问题。
2022-09-15 20:03:50 5151
原创 vue 手写一个步骤条&last-child不起作用的问题
因为你last-child用错地方了,如果你是在set-2上面使用last-child,肯定 可以用,如果你用在height上边 肯定是不可以的。咱们在这个元素中v-if判断 一下就好了 v-if=“index!=options.length - 1”2、怎么才能在不使用last-child使最后一个隐藏呢。在height使用last:child。可以看到是不起 作用的,所以就用到js。1、为什么last-child不能用。这个会隐藏最后一个元素的border。
2022-09-15 15:10:18 812
原创 循环数据,border-bottom或者border-top最后一条线不需要
上边这个是针对border-bottom。如果是上边的应该是first-child。
2022-08-02 16:35:34 359
原创 uniapp 多个页面返回到同一个页面携带参数的解决办法
有俩个不同的页面,这俩个不同的页面会携带参数回到同一个页面,我在onload里面接受参数,就会把我传来的参数给顶替掉,怎么才能在onload里面接受多个参数呢
2022-08-02 12:04:56 583
原创 element ui 使用input输入框type类型为number时,隐藏右边的小箭头
element ui 使用input输入框type类型为number时,隐藏右边的小箭头
2022-06-01 17:11:16 2415
转载 vue v-show和v-if在template中的使用
1. v-show 只是简单的控制元素的 display 属性,而 v-if 才是条件渲染(条件为真,元素将会被渲染,条件为假,元素会被销毁);2. v-show 有更高的首次渲染开销,而 v-if 的首次渲染开销要小的多;3. v-if 有更高的切换开销,v-show 切换开销小;4. v-if 有配套的 v-else-if 和 v-else,而 v-show 没有...
2022-05-31 11:31:50 981
原创 前端 js 获取cookie的值
getCookie(name) { var arr = document.cookie.split(";"); for (var i = 0; i < arr.length; i++) { var arr2 = arr[i].split("="); if (arr2[0] == name) { return arr2[1]; } } return "";},调用token: this.getCookie(" token"), // 想要那个直
2022-05-27 17:48:46 2501
原创 通过后端返回的url导出文件为excel
这个是后端返回url exportFile(data, fileName){ console.log("data", data) // 地址不存在时,禁止操作 if(!data) return; // 下载文件并保存到本地 const callback = (data)=>{ // 创建a标签,使用 html5 download 属性下载, const link = document.createEle
2022-05-26 16:54:05 921
原创 git 报错warning: LF will be replaced by CRLF in ** 的原因及解决办法
这是开启了自动换行,关掉就好了git config core.autocrlf false (仅对当前git仓库有效)git config --global core.autocrlf false (全局有效,不设置推荐全局)git报错running pre-commit hook: lint-staged Stashing changes… [started] Stashing changes… [skipped]这是因为代码得风格检查,所以需要你关闭这个git commit -m “提交页面备
2022-05-19 20:32:42 653
原创 js 实现ifarme动态改变高度
话不多说直接上代码1、先获取div得鼠标按下事件2、获取页面的鼠标移动事件3、获取页面鼠标的弹起事件 let [height, setHeight] = useState(200); // 这个要写道最外层,要不然每一次都要渲染,这样会出现bug。 let moveSwitch = false; let clientY: number; //鼠标点击 const handelDown = (e: any) => { e.preventDefault(); cl
2022-05-19 20:29:20 357
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人