javascript
关注
分享
扫一扫
小巷陌影
这个作者很懒，什么都没留下…
展开
-
百度地图标注动画
百度地图标注，光圈闪烁动画效果原创 2022-08-22 16:44:16 · 1702 阅读 · 1 评论 -
layui 表格行单击事件选中行前的单选框
layui表格中，行点击事件同时选中行前的单选框。 //表格监听行单击事件 table.on('row(test)', function(obj) { //选中行前radio Table.isCheckRadio(obj, form, table, 'tableReload'); //这是我的操作。。。。 }); /** * 表格点击行时选中 * 行前单选框 * @param obj原创 2020-12-31 13:49:30 · 2325 阅读 · 1 评论 -
js 两个数组各元素相加返回新数组
/** * 数组元素相加返回新数组 * @param {Object} arr1 原数组 * @param {Object} arr2 被加数组 * */ sumItem: function(arr1, arr2) { if (arr2.length == 0) { return arr1; } else...原创 2020-07-15 10:09:56 · 8476 阅读 · 0 评论 -
基于LivePlayer的录像回放页面
在视频播放中，少不了录像回放功能。其回放功能进行接口调用暂且不谈，主要记录下包含回放条的录像回放页面。html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>录像回放窗口</title> <link href="../../l...原创 2020-03-20 14:11:33 · 1219 阅读 · 3 评论 -
视频播放器，基于videojs,NVR
web播放监控视频，基于EasyNVR获取直播链接进行播放。对播放器进行封装。源码下载码云或GitHubHTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>视频分屏</title> <link rel="styleshe...原创 2019-06-21 14:38:52 · 1752 阅读 · 0 评论 -
父页面子页面交互接口
定义标准接口实现父页面与子页面的数据交互。 Interface= {}; Interface.ParentWin = {}; Interface.ChildWin = {}; /** * 父页面提供的标准接口函数名称 */ Interface.ParentWin.funName = { getDataFun: "getDataFun", //子页面调用，提供给子页...原创 2019-06-21 15:08:58 · 476 阅读 · 0 评论 -
jQ 遍历对象或数组
var arr = [1,3,4,2,5]; $.each(arr, function(i, val) { console.log(i+"-- --"+val); });var obj= {name:"a",type:1}; $.each(obj, function(i, val) { console.log(i+"-- --"+val); });funct...原创 2019-06-27 14:07:14 · 6726 阅读 · 0 评论 -
js 判断对象中是否包含某个属性
var obj = {name:'张三',age:18};obj.hasOwnProperty('name'); // --> trueobj.hasOwnProperty('id'); // --> false原创 2019-06-27 14:01:13 · 24839 阅读 · 2 评论 -
layui + vue实现list单选列表
根据下拉框选择内容，动态生成单选列表。html<div class="layui-col-xs3 layui-col-sm3 layui-col-md2 treeDiv layui-form" lay-filter="selFilter" > <p class="treeTitle" align="center">单选列表</p> <div...原创 2019-07-03 10:37:04 · 1390 阅读 · 0 评论 -
layui 表格中实现照片预览，点击查看原图
人员表格中实现照片预览，并且可点击放大。查看原图<table id="dutyInfoTable" class="layui-hide"></table>js//定义列var cols = [ [{ type: 'radio', width: 60 }, { type: 'numbers', width: 50 }, {...原创 2019-07-26 17:14:13 · 5764 阅读 · 2 评论 -
使用vue视频播放器上增加云台控制面板
费了半天劲，终于有效果了。赶紧记录下html<div :id="getPtzBlockId(index)" class="ptz-block"> <div title="上" class="ptz-cell ptz-up up ptz"><i @mousedown="ptzcontrol(index,'up')" @mouseup="stopcontro...原创 2019-07-26 17:23:21 · 2673 阅读 · 9 评论 -
layui上传，选择与上传分开，非自动上传
上传附件，将选择与上传分开，图片则显示缩略图。表单验证通过后才上传。1、选择按钮使用input标签，解决点击后验证表单问题。2、增加隐藏按钮与upload.render绑定。在表单验证通过后，使用模拟点击上传$('').trigger('click');3、修改时，如果只修改了表单内容，则附件不重复上传，如果修改了附件则上传。监听选择文件的回调函数。Html代码<!DO...原创 2019-08-27 10:22:47 · 649 阅读 · 0 评论 -
echarts 柱图分组统计
统计按单位统计每个单位下子系统的信息html<div id="chart" style="height: 100%;"></div>jsoption = { color: ['#3e6591', '#eb7d22', '#d73f45'], tooltip : { trigger: 'axis', axisP...原创 2019-09-03 16:03:24 · 3515 阅读 · 0 评论 -
js 根据指定长度将数组分割
根据指定的长度将数组分割为新数组 /** * 按指定长度截取数组 * 返回新数组 * @param 数组 * @param 长度 */Arr = {} Arr.splitArrayByNum = function(e,l){ if(comm.isEmpty(l)){ return e; } var num = 0; var _data =[]; for(...原创 2019-09-11 10:21:28 · 2559 阅读 · 0 评论 -
flv.js构建及下载
详细步骤请参考我的博客中flvjs构建地址:https://xxmys.github.io/blogs/web/js/flvjs%E6%9E%84%E5%BB%BA.htmlflv.js及flv.min.js下载可以去我的网盘：链接：https://pan.baidu.com/s/18tHeHDioqlMP-h1CBKql1A提取码：5gsb...原创 2019-09-19 14:44:49 · 5364 阅读 · 1 评论 -
登录框切换，JQ、js
效果js $(document).ready(function() { /*这是一个自定义的函数,作用是设置class1类为隐藏,class2类显示*/ function showDiv(class1, class2) { $(class1).css("display", "none"); $(class2).css(...原创 2019-05-22 13:17:23 · 1395 阅读 · 0 评论 -
使用EasyNVR、easy-player-element.js在web端实现视频直播
web端实现直播，将监控视频嵌入系统。摄像头是天地伟业的。各种坑，终于在页面看见直播了。记下吧准备：easyNVR安装包、easy-player-element.min.js、easy-player.swf、crossdomain.xml。swf需要放置在根目录。该文件是rtmp协议使用。三种协议RTMP, HLS, FLV没毛病。1、安装EasyNVR将摄像机配置完成，在视频广场可以查看...原创 2019-05-21 17:07:00 · 4611 阅读 · 15 评论 -
js 数组元素替换
记录下var data = ["MM-DD hh:mm","MM-DD hh:mm","MM-DD hh:mm","MM-DD hh:mm"]; data.map(function (str) { return str.replace(' ', '\n') });原创 2019-05-10 17:07:44 · 8858 阅读 · 0 评论 -
js 判断对象中是否包含元素
var data={'is':0};function check (key){var flag = false;if(data.hasOwnProperty(key)){ console.log(data[key]); flag = true;}return flag;}原创 2019-03-07 09:06:37 · 7770 阅读 · 0 评论 -
layui.data 创建通用数据保存方法
LocalData={};LocalData.setData = function(key, value){ layui.data('LocalData',{ key :key, value: value })}LocalData.getData = function(key){ var localData = layui.data('...原创 2019-03-07 09:12:47 · 5181 阅读 · 3 评论 -
js 数组去掉重复值
经大神指点后，重新学习了下，使用set更简单var a = [2,2,5,6,3,4,4,0,1,4,8,8];a = Array.from(new Set(array));console.log(a);Arr = {}//数组去重Arr.unique = function (arr){ var hash=[]; for (var i = 0; ...原创 2019-03-07 09:19:08 · 3654 阅读 · 2 评论 -
js 判断对象为空。
comm = {};comm.isEmpty = function(value, allowEmptyString){ return (value === null) || (value === undefined) || (!allowEmptyString ? value === '' : false) || (comm.isArray(value) && value...原创 2019-03-04 16:22:32 · 337 阅读 · 0 评论 -
vue 传入html元素 v-html
<ul class="layui-row layui-col-space10"> <li class="layui-col-xs6" v-for="module in item.modules"> <a href="javascript:;" class="layadmin-backlog-body"> &原创 2019-03-16 12:52:17 · 1515 阅读 · 0 评论 -
前端js 丢失精度问题
数据库类型bigint，导致js接收数据后丢失精度。1、在后台查询完毕后遍历集合更改。 public List numAccuracy(List<Map<Object,Object>> list,String name) { for(int i = 0; i<list.size(); i++) { Object id = list.get(i)....原创 2019-03-16 16:12:58 · 2022 阅读 · 0 评论 -
echarts 3D地球实现自动旋转
素材下载 码云或GitHub1、引入js文件及准备素材。js文件及素材下载参照官网 https://echarts.baidu.com/download.html <script src="../js/lib/echarts.min.js"></script> <script src="../js/lib/echar...原创 2019-03-12 13:15:33 · 16555 阅读 · 38 评论 -
“联系我们”飘窗实现
1、点击飘窗随机选择客服QQ进行联系<style type="text/css">#moveWindow { width: 170px; height:90px; position: absolute; cursor: pointer; z-index: 999;}</style><%--联系我们窗口飘动 --%><ifra...原创 2019-03-21 11:16:50 · 970 阅读 · 0 评论 -
spring cloud权限认证，增加托管功能
问题：只有token身份验证不安全，获取token后可以进行任何操作。解决：对重要请求增加权限过滤（增删改），非重要请求（查询）不做处理。创建新表存储重要请求地址（托管菜单表），过滤重要请求（增删改），拦截请求后判断托管表中是否存在该url如果不存在则通过验证，如果存在则判断（角色/菜单关系表）该角色是否有本请求的权限，如果有则通过验证，没有则验证失败。这样完成对重要请求地址的过滤。g...原创 2019-03-23 12:47:01 · 257 阅读 · 0 评论 -
js 日期进行格式化
/** * 将date类型转换成format所需 * @param Date 日期 * @param format 所需格式 * * */Format ={};Format.dateFormat = function(d,format){ if(comm.isEmpty(d)){ format =""; }else{ var date = { ...原创 2019-03-23 09:04:23 · 417 阅读 · 0 评论 -
Vue 监听多层数组中数据变化
computed与watch配合监听多层数组下的数据变化var real_vm = new Vue({ el:"#real_info", data:{ items:[{ type:0, title:'火灾报警系统', alarmData:210, modules:[{ color:"red", icon:"...原创 2019-03-30 17:17:13 · 4527 阅读 · 1 评论 -
layui 时间时间选择器最多选择30天
layui 时间选择器最多选择30天https://www.layui.com/doc/modules/laydate.htmlhtml <label>时间选择：</label> <div class="layui-inline" id="start_div"> <input type="text" name="dateTime" id="...原创 2019-04-04 14:57:14 · 4843 阅读 · 20 评论 -
layer 弹出层去掉默认关闭按钮href属性
弹出层默认关闭按钮，使用<a>标签并且有href属性。造成了鼠标悬浮后会在浏览器左下角出现一个含有href值的白框既然href没有用就去掉。再将其光标样式更改为小手。css更改样式.cursorStyle{ cursor: pointer;}js代码 layer.open({ type: 1, title: false, close...原创 2019-04-03 17:15:10 · 7127 阅读 · 0 评论 -
html5全屏后，无法用keypress或keydown监听到Esc按键
浏览器默认不让监听Esc键我们有需要在Esc按键后触发事件。代码如下 //监听窗口退出全屏解决无法监听Esc按键 window.onresize = function(){ if(!checkFull()){ //要执行的动作 $('#FullScreen').html('<i class="larry-icon larry-quanping">&#x...原创 2019-04-26 12:02:56 · 3126 阅读 · 0 评论 -
js 计算最近n(12)个月,最近n(30)天，最近n(24)小时,最近n(5)年
DateTime = {}/*** 获取最近十二个月** @param 当前时间* @param 数量 12**/DateTime.getTwelveLastMonth = function(d, format) { return DateTime.getLastYearMonth(d, 12, format);}DateTime.getLastYe...原创 2019-03-04 15:57:41 · 811 阅读 · 0 评论