- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue+JSMpeg+websocket实现海康、大华实时画面播放及回放查看
JSMpeg是一个JavaScript编写的视频解码器，仅支持MPEG1视频、MP2音频解码、WebGL&Canvas2D渲染、WebAduio音频输出。本项目使通过websocket加载低延迟的流媒体，采用的硬解码。这里就不做详细实现过程说明了直接上效果图，有需要的可以私信我支持3*3路视频播放，双击放大缩小，支持海康、大华等多种品牌摄像头融合，支持回放功能查看，有需要的小伙伴私信我吧。
2023-05-06 10:10:54
2261
8
原创 微信小程序二次封装request
为了后期方便维护项目，对request进行一下封装，出于原生态微信小程序的特殊性，就不讲封装写在util.js中了，直接写在app.js中，那个页面用到就直接从getApp()中获取，更加方便。首先，在app.js中进行wx.request的封装(目前这个项目，我是想获取数据时出现loading，结束后消除loading，所以加了complete里的函数)： baseUrl:'url', request(params = {}){ //二次封装请求函数 return new Prom
2022-04-07 18:45:48
644
原创 微信小程序中使用wx:for，循环中绑定点击事件，对数组进行渲染
微信小程序实际开发中，在for循环中，需要获取用户对那组数据进行了修改，使用了vue太久，微信小程序有点忘记了，查阅资料后也是很快熟悉起来，但是赋值过程中遇到了一些小问题，解决了，特此记录一下。1、在for循环中使用switch开关，用户点击对应开关，需要将对应数组中checked改变状态<switch style="zoom:.8;margin:30rpx 0 0 20rpx;" type="switch" checked="{{item.checked}}" bindchange="list
2022-03-25 21:17:45
5899
原创 去除微信小程序导航栏存在，添加全屏背景图
单页面下不需要window直接在.json文件中{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationStyle": "custom", "navigationBarTitleText": "产品中心" }然后选择你想要的背景图<view class="content"> <image class='background'
2022-03-23 17:43:02
1486
3
原创 element表单验证中clearValidate()不起作用
此次开发中用到了表单验证使用环境：用户填写数据后，点击添加，清除表单中内容，重新填写其他。问题：点击添加后，input框清空，触发表单验证，蹦出表单提醒解决办法：使用clearValidate()进行消除刷新后的表单提醒//刷新后 清除表单验证规则 var that = this; setTimeout(function () { that.$refs[formName].clearValidate(); }, 30
2022-03-15 10:08:11
7055
3
原创 手动清除element 表格选中
1、el-table标签添加ref="multipleTable"2、在按钮或者其他调用处this.$refs.multipleTable.clearSelection(); // 清空之前选择的数据
2022-02-25 13:34:21
949
原创 element表格分页时，选中行后，跳转其他页，当前页面选中记录消失
在实际开发中，数据量大的表格基本都添加上了分页功能，每个页面请求的数据回交换更新，第一页的选中效果在跳转至第二页后，如果没有做相关处理，选中项会被清空，具体解决方法如下1、在需要处理的表格标签中加上 :row-key="getRowKeys"以及@selection-change=“handleSelectionChange” 点击事件2、在select选项列的中加上:reserve-selection=“true”3、在data中添加//选中的list getRowKeys(row)
2022-02-24 21:03:38
2968
1
原创 Vue渲染echarts图标时候，宽度只显示100px的解决办法
出现这个问题的关键在于JS方法初始化的时候，无法获取到父元素的宽度，所以默认显示100px解决方法Vue为我们提供了$nextTick来处理这个问题，在下次DOM更新循环结束后再去执行延迟回调，数据更新后，立即使用这个方法，获取更新后的dom。一下代码中加入了当图标无数据的时候，一张暂无数据的png作为占位符<template> <div class="chart_content"> <!-- 图表 --> <div v-show="is
2021-09-28 09:57:48
1766
原创 使用echarts出现“There is a chart instance already initialized on the dom.”警告的解决办法
由于项目中二次封装了echarts折线图，并且父组件通过选择不同时间，像后端请求不同数据，显示在折线图上，频繁切换会出现“There is a chart instance already initialized on the dom.”的警告，在网络上找办法后，解决了这个问题。这个问题的出现在于，在一张表上渲染不同数据，其实dom已经存在了，但是我们在每次数据发生改变的时间都重新进行了一次渲染，导致出现警告解决办法如下： //检测是否已经存在echarts实例，如果不存在，则不再去初始化
2021-09-28 09:50:17
52045
18
原创 Vue中封装Echarts图表进行调用
Vue中封装Echarts图表进行调用最近项目需要，重拾起Echarts图表，负责将后端数据，渲染到多重折线图上，于是研究了一下，个人见解做个记录。一、npm 指令下安装Echarts打开项目的集成终端运行一下命令npm install echarts --save在package.json文件中查询到echarts版本号（我的5.1.2）即代表下载成功二、vue项目中引入echarts在main.js中引入echarts//全局引入echartimport * as echarts f
2021-09-28 09:44:58
492
原创 vue二次封装接口请求函数，统一管理请求函数，解决反向代理！
vue二次封装接口请求函数1、二次封装axios新建utils文件夹，在该文件夹下创建request.js文件import axios from 'axios'import qs from 'qs'//创建实例const request = axios.create({ baseURL: '/conner', timeout: 5000})request.interceptors.request.use(function (config) { //解决接口 参数js
2021-08-19 15:58:28
990
1
原创 解决vue-cli2.9.6升级3.0失败
解决vue-cli2.9.6升级3.0失败相信有些人会遇到跟我一样的情况，升级个vue-cli3.0，明明按照下列办法进行操作了，但是版本就是依旧2.9.6$npm uninstall vue-cli -g //卸载vue-cli旧版本</br>$npm install -g @vue/cli //安装新版本</br>$npm vue -V //依旧2.9.6</br>无论如何操作结局并不会发生变化，其实是
2021-03-17 16:44:18
852
原创 ＜微信小程序＞登录界面实现密码输入错误3次，30分钟不允许该账号登录
当时面临如此需求，实在无从下手，后自己想了一个灵活的方法进行面对，特此记录，希望以后不会看不懂自己的代码登陆界面设置这个百度一下就可以，与数据库交互的登录界面很是简单，由于本项目要求不可注册，故只有登录、修改密码以及权限锁定，登陆界面略。。。。监测用户登录错误次数本项目中，对于用户名以及密码进行校验，故在判断到用户名正确，但是密码错误时，进行计数：var a = that.data.err_num+1; // a 的数值表示用户输错密码次数 if(a>3){ //如果
2021-03-05 16:10:22
2783
原创 ＜微信小程序＞调用echarts库，接口拿取数据库数据，实现折线图，横坐标可拉伸
首先下载echarts官方库[https://echarts.apache.org/zh/tutorial.html#%E5%9C%A8%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts]其中有详细讲解如何导入，个人简单总结一下1、ec-canvas文件夹复制粘贴在自己项目文件中。2、在页面中调用import * as echarts from '../../ec-canvas/ech
2021-03-05 15:43:48
2550
2
原创 微信小程序获取当前系统时间以及判断周几
微信小程序获取当前系统时间以及判断周几首先获取当前日期在utils文件加中创建问价util.jsfunction formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var second = date.
2021-03-04 16:51:13
2635
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人