![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
茹LYR
努力努力再努力
展开
-
删除数组里指定参数
1、indexOf()方法可以返回要查找元素的索引值,如果没有找到则返回-1。let tableList=['a','b','c']var index = tableList.indexOf('b');if (index > -1) { tableList.splice(index, 1);}console.log(tableList);//得到数据['a','c']...原创 2020-05-20 13:43:04 · 897 阅读 · 0 评论 -
vue 赋值后原数据不随当前值变化
let queryVal = JSON.parse(JSON.stringify(this.route.query));注释:this.route.query)); 注释:this.route.query));注释:this.route.query属于原数据。原创 2020-05-06 11:02:06 · 1855 阅读 · 0 评论 -
编辑时select下拉框的赋值
后台传回的参数是int类型,select下拉框赋值需要把int类型转换成string类型。<el-form-item label="证件是否长期有效:" prop="isPermanent"> <el-select v-model="form.isPermanent " placeholder="请选择"> <el-option ...原创 2020-04-26 17:06:31 · 826 阅读 · 0 评论 -
js自定义排序(table字段)
调用SortByProps方法对原数据进行自定义的排序。 var filesInfo =[{id:1,fileNum:'123555'}, {id:2,fileNum:'3222'}, {id:3,fileNum:'AAs'}, {id:4,fileNum:'145423'}, ...原创 2019-09-25 11:11:50 · 689 阅读 · 0 评论 -
iframe父页面vue、html与子页面html事件相互调用
一. html页面中引入的iframe标签 <iframe id="menuframe" name="menuframe" src="modal.html" frameborder="no" style="width:100%;height:100%></;"iframe> 父html中调用子iframe html 中的事件通过contentwindow属性,其中...原创 2019-09-03 15:34:24 · 2498 阅读 · 0 评论 -
withCredentials发送跨域请求凭据
默认情况下withCredentials为false。axios默认是请求的时候不会带上cookie的,需要通过设置 withCredentials:true来解决。1、全局设置withCredentials为true,在axios封装里设置axios.defaults.withCredentials=true;2、单个请求设置withCredentials为true(有其他请求需要wi...原创 2019-09-03 10:51:52 · 1520 阅读 · 0 评论 -
layui--将form表单序列化为json
将form表单序列化为json的事件$.fn.serializeJson = function () { var serializeObj = {}; var array = this.serializeArray(); $.each(array, function () { if (serializeObj[this.name] !== undefined) { if (!se...原创 2019-08-31 16:54:39 · 4781 阅读 · 1 评论 -
zTree实现下拉框中的树形图
实例如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="../frames/zTree_v3/css/zTreeStyle/zTreeStyle.css"/><style>...原创 2019-08-28 10:28:22 · 454 阅读 · 0 评论 -
zTree树形图实例(jQuery 树插件)--菜单侧边栏
zTree的树形图显示、右键事件、新增节点、修改节点、删除节点、选中节点等功能。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="../frames/zTree_v3/css/zTreeStyl...原创 2019-08-27 17:46:47 · 705 阅读 · 0 评论 -
拖拽div移动的两种方法
jQuery UI - 拖动(Draggable)在任意的 DOM 元素上启用 draggable 功能。通过鼠标点击并在视区中拖动来移动 draggable 对象。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body...原创 2019-08-27 10:41:06 · 3833 阅读 · 0 评论 -
echarts图表自适应resize用法
单个图表 window.onresize = myChart.resize;可以完成自适应,就是把window的onresize事件赋值为echart的resize事件。2. 多个图表(也可用于单个图表) window.onresize = function () { myChart.resize(); myChart1.resize(); ...原创 2019-08-26 10:46:26 · 12690 阅读 · 2 评论 -
JS操作CSS变量(var)动态改变颜色
css设置公用颜色–color,css中的引用方法var(–color)。根据 root.setAttribute(‘style’, ‘–color: #e74c3c’) 可修改–color的参数。例子如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-08-22 17:59:08 · 9600 阅读 · 3 评论 -
前端ajax调用java后台接口的方法封装
1、封装ajax的方法var token = window.localStorage.getItem("token") || ''; //后台是否需要token/*ajax请求回调* url:后台接口* type:请求方法* data:传递给后台的参数* async:同步异步的参数(true:异步;false:同步)* callback:成功的回调方法* errorback:失...原创 2019-08-22 11:03:09 · 5001 阅读 · 1 评论 -
layDate开始时间和结束时间的实现
layDate日期组件,实现最大日期是当前时间,开始时间和结束时间的互相制约 //html <div class="layui-form"> <div class="layui-inline"> <label class="layui-form-label">操作时间:...原创 2019-08-22 09:51:50 · 878 阅读 · 0 评论 -
JS获取当前时间并自定义格式
js的日期操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay();...原创 2019-08-20 17:43:45 · 887 阅读 · 0 评论 -
HTML5的WebSocket连接,针对断网情况的心跳重连
WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。js代码如下://websocket连接var websocket = null;function websocketMsg() { //判断当前浏览器是否支持...原创 2019-08-24 12:03:45 · 3935 阅读 · 0 评论 -
js 实现F11全屏预览功能
js不能实现自动全屏功能,只能通过用户事件触发(可以是鼠标事件,键盘事件等)。否则出现以下错误:不能自动进入全屏状态,这是浏览器的一种保护措施。只能通过点击事件实现F11全屏(调用Fkey),方法如下:第一种 var flag=false; function Fkey(){ if(!flag){ var el = documen...原创 2019-08-23 17:18:49 · 2235 阅读 · 0 评论