layui实现下拉复选功能的例子(包括数据的回显与上传)
一、layui下拉复选实现的背景：实现一个管理员拥有多个权限二、 具体实现：//依赖资源<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/src/...
2020-05-27
详解简单易懂的 ES6 Iterators 指南和示例
本文旨在分析理解 Iterators。 Iterators 是 JS中的新方法，可以用来循环任意集合。 在ES6中登场的Iterators。因其可被广泛使用，并且已在多处场景派上用场，我们将从概念上理解...
2020-05-27
JavaScript Array对象使用方法解析
1.数组的常用方法
push(val)：数组的末尾添加新的元素,返回操作完成后数组的长度
pop()：删除数组最后一个元素，返回被删除的元素
shift()：删除数组的第一个元素，返回被删除的元素...
2020-05-27
Vue之Mixins(混入)的使用方法
混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组...
2020-05-27
关于layui时间回显问题的解决方法
当我们请求接口时 将得到的数据 进行回显 layui一直是获取了当前的系统时间 进行回显解决办法 layui.config({ base: './Public/layuiadmin/' //静态资源所在路径 }).ex...
2020-05-27
解决layui table表单提示数据接口请求异常的问题
问题一：直接拿别人的文件放在本地打开如下图原因：这是提示“交叉源请求仅支持协议方案：HTTP、数据、Chrome、Chrome扩展、HTTPS。”也就是你不能用本地文件打开，本地打开是file:...
2020-05-27
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法在ssm框架整合中，使用layui作为前端页面，拖拽图片上传，填写接口后，后台能够成功接收到数据，但由于页面资源和后台访问...
2020-05-27
JavaScript RegExp 对象用法详解
当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符，并可用于解析、格式检查、...
2020-05-27
layui将table转化表单显示的方法(即table.render转为表单展示)
现有一个table.render({ id : 'table', type:'post', elem : '#table', url : url, where : {'Id' : $data.Id}, page:false, cols : [ [ //表头 ]]})最简单直接用ajax...
2020-05-27
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
因为本身layui是有一套自身的监听方式，form.on 当然你是先将select放入<div class="layui-form">中，不然都显示不出select里面也有监听普通下拉选框选中值发生改变的方式，直...
2020-05-27
layui 监听select选择 获取当前select的ID名称方法
监听select选择form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(da...
2020-05-27
layui监听select变化,以及设置radio选中的方法
一、select监听1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到2.导入form layui.use('form', function(){ var form =...
2020-05-27
微信小程序全局变量的设置、使用、修改过程解析
1. 全局变量的设置在miniprogram > app.js 文件中设置，globalData对象就是存储全局变量的。App({ globalData: { hasLogin: false, openid: null }, onLaunch: functi...
2020-05-27
Javascript Dom元素获取和添加详解
1.Dom元素的获取
document.getElementById()：通过id获取一个Dom元素 document.getElementsByClassName()：通过class名字获取一个或多个Dom元素（伪数组） document.getElement...
2020-05-27
layui table单元格事件修改值的方法
事件中的 this相当于document.getElementById("id")替代方法就是将原本document.getElementById("id").InnerHTML = "填充代码";替换成$("#id").html("填充代码"); <!DOCTYP...
2020-05-27
vue.js实现图书管理功能
本文实例为大家分享了vue.js实现图书管理功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co...
2020-05-27
JS防抖和节流实例解析
日常开发过程中，滚动事件做复杂计算频繁调用回调函数很可能会造成页面的卡顿，这时候我们更希望把多次计算合并成一次，只操作一个精确点，JS把这种方式称为debounce（防抖）和throttle...
2020-05-27
layui--select使用以及下拉框实现键盘选择的例子
注意几点：1.select下拉框一定要放到layui-form类下。这个layui-form不是必须放在form上，放在一个div也是可以的2.要注意每次form render之后呢，要重新注册事件。<!DOCTYPE html...
2020-05-27
通过实例了解JS 连续赋值
这篇文章主要介绍了通过实例了解JS 连续赋值,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下问题：var a = {n: 1};var b...
2020-05-27
layui-table获得当前行的上/下一行数据的例子
此方法主要是获得Layui当前行数据的上一行数据，或者下一行数据,os旧的jquery选择器 se选择器 nse新的jquery选择器/** * * @param obj layui-table的行数据对象 * @param num...
2020-05-27
layer.prompt使文本框为空的情况下也能点击确定的方法
最近一直在使用layui，但是用到弹出层layer.prompt时，如果文本框是空的话点击确定没有反应,不能向下执行。但是我又需要空值，看看我原来的代码。layer.prompt({ formType: 0, va...
2020-05-27
解决layer.prompt无效的问题
使用H-UI框架中的layer弹出层时发现 layer.js中没有layer.prompt，如果想要使用layer.prompt可以使用layer中的use从扩展中加载此扩展方法代码如下：layer.use('extend/layer.ex...
2020-05-27
layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法
昨天layer插件弹出层关闭问题弄的我直挠头，短短几行代码，用了我将近2个钟头才解决。我的使用场景是这样。在页面中用layer.open弹出一个层，在层内是微信支付二维码，客户扫码支付...
2020-05-27
layer.prompt输入层的例子
在某些页面我们只需要输入一个参数，那么layer.prompt是一个很好的选择，但是前提要打开//使用layer扩展功能layer.config({extend: 'extend/layer.ext.js'}); layer.prompt({...
2020-05-27
微信小程序制作扭蛋机代码实例
公司要制作活动小程序，其中有一个扭蛋机的效果实现抽奖的功能。在网上找了好久竟没有找到(不知道是不是我找代码的方式有问题)。最后还是自己做一个吧- _ - ,效果如下:1.wxml...
2020-05-27
layui prompt 设置允许空白提交的方法
如上是 Layui 的一个 prompt 框，当 textarea 内容为空时，点击“确定”不会产生任何效果。如何产生效果请按照以下修改layer.js文件，第一步：找到指定 layer.js文件，找到：var n=s.va...
2020-05-27
Vue 实现一个命令式弹窗组件功能
前言在日常工作中弹窗组件是很常用的组件，但用得多还是别人的，空闲时间就自己来简单实现一个弹窗组件涉及知识点：extend、$mount、$el使用方式：this.$Confirm({ title:'自定义标...
2020-05-27
layer关闭弹出窗口触发表单提交问题的处理方法
1、前言 表单的代码：<form> 此处理代码略... <div id="footer"> <button class="btn btn-success" name="save" type="submit" title="保存">保存</button> <button class=...
2020-05-27
layer弹窗在键盘按回车将反复刷新的实现方法
layer.open当弹窗后，点击弹窗身体的任意部位后（不包括标题），再按回车键就不会出现bug了。代码如下所示：parent.document.onkeydown = function(e){ var ev =parent. document.al...
2020-05-27
layer 关闭指定弹出层的例子
首先，弹出某个层时需要给层取名（赋值），如：var mylay = layer.open({ type: 2, content: 'layer.html', title: false, area: ['500px', '500px'] });需要关闭指定的弹出...
2020-05-27
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
一、Layer简介Layer是一款近年来备受青睐的web弹层组件，基于jquery，易用、实用，兼容包括IE6在内的所有主流浏览器，拥有丰富强大的可自定义的功能。Layer官网地址：http://layer.la...
2020-05-27
微信小程序实现一张或多张图片上传（云开发）
一、简介：这篇文章向大家展示的是把图片上传到云数据库中，这是我做商城项目时研究的。大家都知道，云开发是没有后端开发的，所有图片我们要放到云数据库中。二、素材图：：三、效果图...
2020-05-27
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
弹出某个层时需要给层取名（赋值）var = ggLayer = layer.open({ type: 1, content: $('.choose-gg').html(), anim: 'up', style: 'position:fixe...
2020-05-27
QML实现圆环颜色选择器
本文实例为大家分享了QML实现圆环颜色选择器的具体代码，供大家参考，具体内容如下话不多说，先上效果图：ColorSelector组件代码如下，有问题可以留言：import QtQuick 2.0import QtQui...
2020-05-27
layer弹出层取消遮罩的方法
layer 只是作为 layui 的一个弹层模块layer弹出层取消遮罩 笔者认为 跟 layer弹出层非模态对话框类似layer.open({ title: '在线调试', content: '可以填写任意的layer代码'...
2020-05-27
axios实现简单文件上传功能
本文实例为大家分享了axios实现文件上传功能的具体代码，供大家参考，具体内容如下前台页面：引入axios js文件<script src="https://unpkg.com/axios/dist/axios.min.js"></scrip...
2020-05-27
Layer+Echarts构建弹出层折线图的方法
layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。在中国可视化生态系统中，ECharts...
2020-05-27
axios实现文件上传并获取进度
本文实例为大家分享了axios实现文件上传并获取进度的具体代码，供大家参考，具体内容如下实现效果代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit...
2020-05-27
jquery中attr、prop、data区别与用法分析
本文实例讲述了jquery中attr、prop、data区别与用法。分享给大家供大家参考，具体如下：在高版本的jquery中获取标签的属性，可以使用attr()、prop()、data()，那么这些方法有什么区...
2020-05-27
layer.open组件获取弹出层页面变量、函数的实例
最近做项目遇到个问题使用layer.open组件弹出层,需要将该弹出层抽取城单独的公共页面，因此需要在主页面获取弹出层页面的相关变量或者函数值。记录下解决办法。先来看layer.o...
2020-05-27
vue + axios get下载文件功能
本文实例为大家分享了vue + axios 下载文件的具体代码，供大家参考，具体内容如下这里是axios的get方法。post方法请点击这里=》here
注意点：Herder 请求头需注意 content-dispo...
2020-05-27
vue+axios实现post文件下载
本文实例为大家分享了vue+axios实现post文件下载的具体代码，供大家参考，具体内容如下功能：点击导出按钮，提交请求，下载excel文件；这里是axios的post方法。get方法请点击这里=》her...
2020-05-27
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
其实这篇文章是给自己看的，以后忘记怎么做回来还能看一下点击左侧菜单栏只刷新局部，局部就用iframe。首先先建layout页，建左侧菜单栏，然后下面的@RenderBody（）<div class="layui-s...
2020-05-27
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
最近在项目中需要在Bootstrap Modal弹出框中载入CKEditor。初始化CKEditor以后，在IE11下，格式/字体/颜色的下拉会闪现一下后就消失，但在chrome和firefox下没问题。主要原因是IE...
2020-05-27
layui添加动态菜单与选项卡 AJAX请求的例子
如下所示：HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Lay...
2020-05-27
layui实现图片虚拟路径上传,预览和删除的例子
效果如下所示：前端：<style type="text/css"> #detailTbody tr:hover { background: #fff; } .layui-form-label { width: 110px; } .uploader-list { margin-le...
2020-05-27
Vue利用Blob下载原生二进制数组文件
本文实例为大家分享了Vue利用Blob下载原生二进制数组文件的具体代码，供大家参考，具体内容如下在服务端推送过来的二进制数组(JSON格式），在前端要处理成JS原生数组以后才能做成Bl...
2020-05-27
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
页面A中弹出页面B,在页面B中弹出页面C,在layer做嵌套ifframe弹出时会遇到C页面被嵌套在B页面中，如果C尺寸大于B,则C将不能显示完整。这个时候可以考虑B,C页面均由A页面弹出从...
2020-05-27
Vue路由守卫之路由独享守卫
路由独立守卫，顾名思义就是这个路由自己的守卫任务，就如同咱们LOL，我们守卫的就是独立一条路，保证我们这条路不要被敌人攻克(当然我们也得打团配合)在官方定义是这样说的：你可以...
2020-05-27
JavaScript使用localStorage存储数据
背景以前js都是 Session 和 Cookie 来存储信息，仿佛我还停留在那个时候，一问同事有没有新的solution，才知道现在已经有 HTML5 localStorage 本地存储 这个东西，可以在浏览器端储...
2020-05-27
