- 博客(39)
- 收藏
- 关注
RSS订阅原创 数字滚动特效 vue.js
数字滚动特效css.container { margin: 100px auto;}.container div { display: block; height: 60px;}.sumAll{ height: 22px; background-color: transparent;}html<div class="sumAll"></div>js 方法numCss(className, endValue) { functi
2020-12-25 17:38:19
518
原创 window location跳转的几种方式与a链接跳转的总结
1.window.location.href 在当前页面跳转window.location.href = ‘http://www.baidu.com’ 等于 2.window.open 在新页面跳转window.open(‘www.baidu.com’) 等于 3.self.location.href =‘www.baidu.com’ 禁止页面跳转-可以用在你页面要打开外部插件self....
2020-04-16 11:37:31
5417
原创 cnpm在cmd能运行，在powershell运行不了的解决办法
在c:windows下执行get-ExecutionPolicy，如果显示的是Restricted说明他是禁止的。接下来就要执行set-ExecutionPolicy RemoteSigned回车，输入A 然后回车就好了。
2020-04-10 14:08:17
4459
2
原创 vue中使用海康插件实现视频监控播放的逻辑优化
vue中使用海康插件实现视频监控逻辑优化播放流程：this.initPlugin()//创建播放实例==>this.getInitParam(); // 创建播放实例成功后初始化==>this.init()==>this.startpreview(); //初始化之后开启预览methods: { //获取海康密钥 getInitParam() { ...
2020-04-03 15:41:14
2385
原创 vuex官网学习总结
vuexVuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，Vuex 的状态存储是响应式的vuex Vue组件接收交互行为，调用dispatch方法触发action相关处理，若页面状态需要改变，则调用commit方法提交mutation修改state，通过getters获取到state新值，重新渲染Vue Components，界面随之更新State（翻译：状态）...
2020-04-03 15:19:48
415
原创 vue中使用海康插件实现视频监控-前端给视频画面中添加文字
vue中使用海康插件实现视频监控-前端给视频画面中添加文字基于本人前面写的有关海康插件的博客，要实现这步效果不难。在你的开发demo里面找到添加字符串的方法。添加的文字的条件是要你能播放出来的前提下：通过视频播放是否成功的后推送过来的消息来判断视频播放的状态：// 推送消息 cbIntegrationCallBack(oData) { // console.log(o...
2020-04-03 15:03:07
4082
1
原创 echarts折线图默认显示最后一个点的数据
echarts折线图默认显示最后一个点的数据想要达到这种效果图如下：如果你给折线图设置数据显示，那么要不就全部隐藏，要不就全部显示在折线上。实现指定点的显示就需要你自己去处理这个数据了。方式有两种：方法1：利用formatter函数(推荐)在echarts的series里面的formatter ,可以给每一根你要渲染的折线加上这个函数，打印事件源参数你就可以发现每一项数据和折线的关系：...
2020-04-03 14:34:53
15940
2
原创 Object.keys的用法
Object.keys的用法Object.keys()参数：要返回其枚举自身属性的对象返回值：一个表示给定对象的所有可枚举属性的字符串数组1、处理对象，返回可枚举的属性数组2、处理数组，返回索引值数组3、处理字符串，返回索引值数组...
2020-03-18 11:08:43
297
原创 禁止鼠标拖动时选中页面中的文字
禁止鼠标拖动时选中页面中的文字给最大的盒子设置-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;
2020-03-18 10:59:51
1697
原创 事件委托的理解
事件委托事件委托:就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件适合用事件委托的事件：click，mousedown，mouseup，keydown，keyup，keypress。比如我们有100个li，每个li都有相同的click点击事件，可能我们会用for循环的方法，来遍历所有的li，然后给它们添加事件，那这么做会存在什么影响呢？在JavaScript中，添...
2020-01-16 17:00:52
249
原创 windows笔记本电脑啥东西都没开，电脑内存和磁盘某段时间突然很满90%以上，电脑卡的解决办法
电脑内存充足，突然之间内存和磁盘90%以上，电脑卡的解决办法打开任务管理器找到服务里面的sysMain右键打开服务找到sysMain 禁用然后你用用就知道了如果没用的话，就把电脑砸了，换新的...
2020-01-16 09:51:19
8652
原创 vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法
vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法配置和启用海康插件详情看本人博客链接:https://blog.youkuaiyun.com/jinglianglove/article/details/102599229想要视频播放自动重启得知道他断开得状态海康web插件V1.3.0开发指南告诉你“0x0300(768)-开始播放 0x0301(769)-播放 失 败 （ 指 发...
2020-01-13 10:33:15
5626
原创 mysql 建表模板
mysql 建表模板CREATE TABLE 表名 (id名 varchar(64) NOT NULL COMMENT ‘id备注’,字段名 varchar(64) DEFAULT NULL COMMENT ‘备注’,monitoring_type varchar(64) DEFAULT NULL COMMENT ‘报警类型’,PRIMARY KEY (alarm_message_id)...
2019-12-30 17:07:09
802
原创 vue 中 elment-ui table合并上下两行相同数据单元格
vue 中 elment-ui table合并上下两行相同数据单元格html ： <el-table :header-cell-style="{background:'#6d7f93',color:'white'}" :data="ptableDate" align="center" ...
2019-12-25 17:11:00
1908
原创 Async---Await原理
Async—Await原理async、await 优缺点:async 和 await 相比直接使用 Promise 来说，优势在于处理 then 的调用链，能够更清晰准确的写出代码。缺点在于滥用 await 可能会导致性能问题，因为 await 会阻塞代码，也许之后的异步代码并不依赖于前者，但仍然需要等待前者完成，导致代码失去了并发性。链接：https://juejin.im/post...
2019-12-25 15:03:59
653
原创 vue中父组件执行子组件中的方法
vue中父组件执行子组件中的方法父组件//子组件渲染在父组件中<div> <componentsName ref='anyName' ></componentsName> <button @click="btnClick"></button></div><script>import com...
2019-12-23 18:07:32
579
原创 egg学习-抓取数据并ejs渲染到页面的过程
egg学习-抓取数据并ejs渲染到页面的过程初始化全局安装egg脚手架npm i egg-init -g创建egg项目egg-init eggExample --type=simplecd egg-example装包：npm i启动项目npm run dev代码过程 MVCM app/service 模型层 获取数据V app/view 视图层 ...
2019-12-11 14:37:11
699
原创 vue中使用高德地图画电子围栏
vue中使用高德地图画电子围栏思路:根据项目的需求，给某个区域画电子围栏，且必须得在规定区域内画，所有首先得有个区域先规定好，从后台获取规定区域的坐标点，让后就是画矩形，这里主要是画矩形，在不在圈内，前端做校验，后端也要做检验。data: map: {}, polygon: {},//用来画区域的 mouseTool: {}, //画图工具 ce...
2019-12-04 21:51:46
4128
3
原创 绝对路径和相对路径-最直观的理解
绝对路径和相对路径相对路径：…/“相对”的意思就是，你要找的这个文件相对与当前文件的位置。也就是 …/…/…/。绝对路径：@/绝对就是你从根目录开始算过来。src开始或者是从E:/开始。也就是@xxx/xxx/xxx...
2019-11-08 16:22:11
1463
原创 在vue中使用echars的上浮与下钻
在vue中使用echars的上浮与下钻第一步：在vue项目中安装echarsnpm i echars -S第二步:main.js配置 这里是全局引入//引入echarsimport echarts from 'echarts'Vue.prototype.$echarts = echarts第三步直接上代码<template> <div id="...
2019-11-07 16:08:04
530
2
原创 在vue中使用高德地图的上浮下钻—最简单明了的方法(无需后台接口渲染文字marker)
在vue中使用高德地图的上浮下钻—最简单明了的方法(无需后台接口渲染文字marker)第一步：安装vue-amap：npm i vue-amap -S第二步:配置main.jsimport VueAMap from 'vue-amap'Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: '你的key', plugin: ['...
2019-11-06 18:10:41
1908
原创 echars饼图文字重叠解决的代码
echars饼图文字重叠解决的代码series: [ { type: "pie", radius: ["50%", "65%"], avoidLabelOverlap: true,//防止文字重叠，默认开启 } ]...
2019-11-04 15:00:49
627
原创 vue中使用swiper4 视频轮播，点击切换关闭上一个视频的声音
vue中使用swiper4 视频轮播，点击切换关闭上一个视频的声音直接上代码 ：给video动态绑定id <swiper class="swiper-container" :options="videoSwiperOption"> <swiper-slide class="swiper...
2019-10-28 11:07:53
2692
原创 在vue中使用swiper4 左右箭头替换成自己想要的图片
在vue中使用swiper4 左右箭头替换成自己想要的图片 <div class="swiper-button-prev" slot="button-prev"> <img style="width:100%;height:100%" src="your pic” alt/> </div>...
2019-10-26 08:28:04
4509
4
原创 在swiper4中默认显示第二个居中
在swiper4中默认显示第二个居中swiper 3D效果 的optionSwiperOption: { effect: "coverflow", grabCursor: true, centeredSlides: true, initialSlide: 1,//默认显示第二张在中心位置 freeMode: tru...
2019-10-26 08:20:53
5402
2
原创 在vue中使用海康插件实现视频实时监控(海康插件)
在vue中使用海康插件实现视频实时监控(海康插件)首先下载并安装海康插件 webcontrol.exe然后直接就写代码把，所有方法都是海康他们直接封装好的demo初始化之后，后台把密钥和一些配置的东西返回给你然后只需要把监控点编号给你就可以了。实现之后几乎你想要的操作都有各种黑科技，而你只需处理这个插件的兼容问题和一些bug,底层他们时用C写得，但是最终实现播放呢，又是webscok...
2019-10-17 09:32:10
33350
99
原创 在vue中使用海康插件实现视频监控视频直播方法二(RTMP流加Flash加swf)
在vue中使用海康威视实现视频监控,视频直播方法二(RTMP流加Flash加swf)第一步用npm装这个几个包 "video.js": "^6.6.0", "videojs-flash": "^2.2.0", "videojs-swf": "^5.4.2",第二步在页面引入上述包//视频插件包import videojs from "video.js";import "...
2019-10-16 16:32:33
10573
原创 在vue中使用海康插件实现视频监控,视频直播方法一(RTMP流加Flash加videoJS)
在vue中使用海康威视实现视频监控,视频直播方法一(RTMP流加Flash加videoJS)第一步用npm装这个几个包 "video.js": "^6.6.0", "videojs-flash": "^2.2.0", "videojs-swf": "^5.4.2",第二步在页面引入上述包//视频插件包import videojs from "video.js";impo...
2019-10-16 16:27:44
3698
原创 Vue中使用高德地图实现多人实时轨迹
#Vue中使用高德地图实现多人实时轨迹**思路:**多人实时的思路和单人实时的思路差不多，都是通过不断的向后台请求，进行点标记添加与清除。###首先引入与配置高德地图可参考本人之前写得博客：https://blog.youkuaiyun.com/jinglianglove/article/details/102483714接下来直接看代码把 关键就是 this.markers.push(this.m...
2019-10-15 15:35:59
3242
8
原创 Vue中使用高德地图实现单人实时轨迹(方式二)--运动后留下运动轨迹
#Vue中使用高德地图实现单人实时轨迹(方式二)–运动后留下运动轨迹达到效果：现在是第二种实现实时轨迹的方式，效果大概是这个人的轨迹在地图上来回划线，同时会留下运动后的轨迹。基于轨迹回放做的效果思路：思路大概就是这个人的轨迹在地图上来回划线，两点之间不断绘制轨迹直至下一个点在此请求过来，这样不断的1-2，2-3，3-4这样运动，留下运动的轨迹。如果你还不知道如何引入和配置高德地图请参考本人博...
2019-10-14 18:04:35
7660
13
原创 Vue中使用高德地图实现单人实时轨迹(方式一)--点标记方式闪动
#Vue中使用高德地图实现单人实时轨迹(方式一)思路：要想实现人员实时效果那么第一种简单的思路就是，点标记的一闪一闪效果，用轮询或者webscoket不断从后台获取坐标数据，清理点标记，在绘制点标记。如果你还不知道如何引入和配置高德地图请参考本人博客：https://lbs.amap.com/api/javascript-api/example/marker/replaying-histori...
2019-10-14 18:02:03
2950
7
原创 ES6常用特性
ES6常用特性ES6简介：ES6是ECMA为JavaScript制定的第6个标准版本，ECMAscript 2015是在2015年6月发布ES6的第一个版本。以此类推，ECMAscript 2016是ES6的第二个版本，每年6月发布一版。ES6目前涵盖了ES2015(ES6.0)、ES2016(ES6.1)、ES2017(ES6.2)、ES2018(ES6.3)、ES2019(ES6.4)。...
2019-10-12 17:40:15
289
原创 Vue中使用高德地图历史轨迹回放（三）-中途加速不回到开始位置
Vue中使用高德地图历史轨迹回放-中途加速不回到开始位置思路：要想轨迹运动途中点击加速还得不回到原来位置，说明点击加速之后运动轨迹的数组lineArr里面的坐标数量变了=>而且变了之后还得把原来运动过的轨迹画成和之前运动过的轨迹同样的颜色，而后续未运动的点继续照着原来的方法执行=>在继续加速的时候你还得这么做同样的事情。这样就找到一个关键的地方，找到你点击加速时车子运动到的哪个坐标点...
2019-10-11 09:11:36
4172
10
原创 Vue中使用高德地图历史轨迹回放(二)-加速功能
Vue中使用高德地图历史轨迹回放-加速功能在能让轨迹运动起来的前提下（基础功能），现在要加速运动和减速运动怎么做直接看代码 //加速 默认速度200，让他成倍数的加速自己设定一个固定的值就可以了 startAdd() { if (this.markerSpeed < 1000) { this.markerSpeed = 200; ...
2019-10-11 09:10:19
4239
11
原创 mysql增删改查
查询语法 select 字段列表 from whereSELECT * FROM nnSELECT id,name from nnSELECT * from nn where id=3SELECT * from nn where age<19SELECT * from nn where age<19 and phone = 3370582增加语法 insert（into）...
2019-10-10 15:51:11
253
原创 Vue中使用高德地图历史轨迹回放(一)-基础功能
Vue中使用高德地图历史轨迹回放-基础功能第一步：引入高德地图要达到官方高德地图API中的效果，可以先看官方API 链接：https://lbs.amap.com/api/javascript-api/example/marker/replaying-historical-running-data我们可以像官方一样的在index.html里面引入高德地图：无论在vue和html页面中都...
2019-10-10 15:45:03
8361
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人