- 博客(29)
- 收藏
- 关注
RSS订阅原创 删除数组里指定参数
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
887
原创 Vue proxyTable配置多个接口地址，解决跨域
最开始的时候，因为请求后台出现跨域问题。查找资料配置proxyTable，解决跨域问题。如下图所示：axios请求页面：this.$axios.post('/api/weblogin/login',data).then(res=>{ console.log(res)})后面遇到需要连接不同的接口域名，我在proxyTable里增加了一个apiGas。axios请求存在获取得到api但是不能获取apiGas（提示请求资源不存在）。 proxyTable: {
2020-05-14 17:16:35
6144
3
原创 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
1826
原创 element的表格分页组件
1、新建组件（pagination.vue）<template> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="page.currentPage" :page-sizes="[10...
2020-04-27 16:10:02
335
原创 element的table表格组件，动态获取表头和数据
1、新建table组件（tableThead.vue）,考虑存在的所有列（序号、单选框、多选框、常规normal只显示内容、常规normal 存在模板样式、常规normal 存在工具条）。下面是tableThead.vue组件的内容：<template> <el-table class="tb-edit" highlight-current-row :data="tabl...
2020-04-27 16:00:07
6816
原创 编辑时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
805
原创 axios的异步转同步请求
axios同步请求methods: { init() { this.initMenu(); }, async initMenu() { var that = this; const res= await that.$api.initialize.menu({ limit: 10000, ...
2020-04-17 17:53:56
1731
原创 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
677
原创 Git仓库迁移（包括代码、分支、提交记录）
新仓库要为空，三步操作git项目迁移。git clone --bare http://域名/分组/仓库名称.gitcd 仓库名称.gitgit push --mirror http://新域名/新分组/新仓库名称.git如果新仓库不为空，出现如下错误：...
2019-09-18 16:45:36
456
原创 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
2455
原创 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
1474
原创 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
4732
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
447
原创 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
698
原创 拖拽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
3779
原创 echarts图表自适应resize用法
单个图表 window.onresize = myChart.resize;可以完成自适应，就是把window的onresize事件赋值为echart的resize事件。2. 多个图表（也可用于单个图表） window.onresize = function () { myChart.resize(); myChart1.resize(); ...
2019-08-26 10:46:26
12614
2
原创 Git的使用大全
常用命令git status //查看当前git有哪些文件修改了git blame //查看文件是谁修改的git log --graph //可以看到简单的分支合并图git clone 项目地址 //把项目git到本地git reflog //显示整个本地仓库的commit,包括正常commit和撤销commitgit revert commit号 //对于已经push的回退...
2019-08-24 17:52:39
130
原创 HTML5的WebSocket连接，针对断网情况的心跳重连
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。js代码如下：//websocket连接var websocket = null;function websocketMsg() { //判断当前浏览器是否支持...
2019-08-24 12:03:45
3889
原创 js 实现F11全屏预览功能
js不能实现自动全屏功能，只能通过用户事件触发（可以是鼠标事件，键盘事件等）。否则出现以下错误：不能自动进入全屏状态，这是浏览器的一种保护措施。只能通过点击事件实现F11全屏（调用Fkey），方法如下：第一种 var flag=false; function Fkey(){ if(!flag){ var el = documen...
2019-08-23 17:18:49
2201
原创 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
9422
3
原创 div水平垂直居中
比较常用的三种div水平垂直居中的方法div绝对定位水平垂直居中（margin:auto实现绝对定位元素的居中），兼容性：IE7及之前版本不支持<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&...
2019-08-22 17:44:34
151
原创 前端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
4966
1
原创 layDate开始时间和结束时间的实现
layDate日期组件，实现最大日期是当前时间，开始时间和结束时间的互相制约 //html <div class="layui-form"> <div class="layui-inline"> <label class="layui-form-label">操作时间：...
2019-08-22 09:51:50
854
原创 css--让table出现滚动条
表头多一个th并设置宽度(17px)，让其对齐滚动条，设置css样式让其表格对齐。（表格样式引用了layui。）完整代码如下：//html&amp;lt;div class=&quot;flows&quot;&amp;gt; &amp;lt;table class=&quot;layui-table&quot; lay-filter=&quot;param&am
2019-08-20 17:45:17
3921
1
原创 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
873
原创 layui--table有权限时的异步数据加载
1、直接修改layui的源生table.js 找到table.js的ajax，添加权限。代码如下：beforeSend:function (xhr) {xhr.setRequestHeader(&quot;authorization&quot;, localStorage.getItem(&quot;row&quot;));}table中直接进行异步数据加载：table.render({ url:
2018-09-17 23:09:40
1601
原创 css控制页面内容不能被选中
user-select不是一个W3C的标准，需要对不同的浏览器进行设置。（none表示不能选中文本，text表示可以选择文本）。 以下代码可以控制页面内容不能被选中：body{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器（Chrome，Opera，Safari等）*/-ms-user-select:no...
2018-09-16 00:24:15
375
原创 路由和嵌套路由
Vue Router是Vue.js的官方路由器，本文例子使用模块化机制编程。首先在App.vue中加入 &lt;router-view/&gt;，例子如下：&lt;template&gt; &lt;div id="app"&gt; &lt;h1&gt;第一层&lt;/h1&gt; &am
2018-09-15 23:49:56
948
原创 Vue.js安裝--NPM方法
Vue.js安裝 — — NPM方法在安裝Vue之前先安裝配置node.js。（node.js安裝配置地址：https://www.runoob.com/nodejs/nodejs-install-setup.html）現在開始Vue的安裝配置：1 安裝cnpm 由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像（http:...
2018-09-13 22:54:54
261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人