JavaScript - 教程之家

156浏览

0评论

解决layer.prompt无效的问题

使用H-UI框架中的layer弹出层时发现 layer.js中没有layer.prompt，如果想要使用layer.prompt可以使用layer中的use从扩展中加载此扩展方法代码如下：layer.use('extend/layer.ex...

2020-05-27

121浏览

0评论

layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法

昨天layer插件弹出层关闭问题弄的我直挠头，短短几行代码，用了我将近2个钟头才解决。我的使用场景是这样。在页面中用layer.open弹出一个层，在层内是微信支付二维码，客户扫码支付...

2020-05-27

108浏览

0评论

layer.prompt输入层的例子

在某些页面我们只需要输入一个参数，那么layer.prompt是一个很好的选择，但是前提要打开//使用layer扩展功能layer.config({extend: 'extend/layer.ext.js'}); layer.prompt({...

2020-05-27

189浏览

0评论

微信小程序制作扭蛋机代码实例

公司要制作活动小程序，其中有一个扭蛋机的效果实现抽奖的功能。在网上找了好久竟没有找到(不知道是不是我找代码的方式有问题)。最后还是自己做一个吧- _ - ,效果如下:1.wxml...

2020-05-27

78浏览

0评论

layui prompt 设置允许空白提交的方法

如上是 Layui 的一个 prompt 框，当 textarea 内容为空时，点击“确定”不会产生任何效果。如何产生效果请按照以下修改layer.js文件，第一步：找到指定 layer.js文件，找到：var n=s.va...

2020-05-27

116浏览

0评论

Vue 实现一个命令式弹窗组件功能

前言在日常工作中弹窗组件是很常用的组件，但用得多还是别人的，空闲时间就自己来简单实现一个弹窗组件涉及知识点：extend、$mount、$el使用方式：this.$Confirm({ title:'自定义标...

2020-05-27

80浏览

0评论

layer关闭弹出窗口触发表单提交问题的处理方法

1、前言表单的代码：<form> 此处理代码略... <div id="footer"> <button class="btn btn-success" name="save" type="submit" title="保存">保存</button> <button class=...

2020-05-27

166浏览

0评论

layer弹窗在键盘按回车将反复刷新的实现方法

layer.open当弹窗后，点击弹窗身体的任意部位后（不包括标题），再按回车键就不会出现bug了。代码如下所示：parent.document.onkeydown = function(e){ var ev =parent. document.al...

2020-05-27

92浏览

0评论

layer 关闭指定弹出层的例子

首先，弹出某个层时需要给层取名（赋值），如：var mylay = layer.open({ type: 2, content: 'layer.html', title: false, area: ['500px', '500px'] });需要关闭指定的弹出...

2020-05-27

144浏览

0评论

Layer组件多个iframe弹出层打开与关闭及参数传递的方法

一、Layer简介Layer是一款近年来备受青睐的web弹层组件，基于jquery，易用、实用，兼容包括IE6在内的所有主流浏览器，拥有丰富强大的可自定义的功能。Layer官网地址：http://layer.la...

2020-05-27

109浏览

0评论

微信小程序实现一张或多张图片上传（云开发）

一、简介：这篇文章向大家展示的是把图片上传到云数据库中，这是我做商城项目时研究的。大家都知道，云开发是没有后端开发的，所有图片我们要放到云数据库中。二、素材图：：三、效果图...

2020-05-27

108浏览

0评论

解决layer 关闭当前弹窗关闭遮罩层 input值获取不到的问题

弹出某个层时需要给层取名（赋值）var = ggLayer = layer.open({ type: 1, content: $('.choose-gg').html(), anim: 'up', style: 'position:fixe...

2020-05-27

50浏览

0评论

QML实现圆环颜色选择器

本文实例为大家分享了QML实现圆环颜色选择器的具体代码，供大家参考，具体内容如下话不多说，先上效果图：ColorSelector组件代码如下，有问题可以留言：import QtQuick 2.0import QtQui...

2020-05-27

116浏览

0评论

layer弹出层取消遮罩的方法

layer 只是作为 layui 的一个弹层模块layer弹出层取消遮罩笔者认为跟 layer弹出层非模态对话框类似layer.open({ title: '在线调试', content: '可以填写任意的layer代码'...

2020-05-27

104浏览

0评论

axios实现简单文件上传功能

本文实例为大家分享了axios实现文件上传功能的具体代码，供大家参考，具体内容如下前台页面：引入axios js文件<script src="https://unpkg.com/axios/dist/axios.min.js"></scrip...

2020-05-27

74浏览

0评论

Layer+Echarts构建弹出层折线图的方法

layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。在中国可视化生态系统中，ECharts...

2020-05-27

98浏览

0评论

axios实现文件上传并获取进度

本文实例为大家分享了axios实现文件上传并获取进度的具体代码，供大家参考，具体内容如下实现效果代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit...

2020-05-27

87浏览

0评论

jquery中attr、prop、data区别与用法分析

本文实例讲述了jquery中attr、prop、data区别与用法。分享给大家供大家参考，具体如下：在高版本的jquery中获取标签的属性，可以使用attr()、prop()、data()，那么这些方法有什么区...

2020-05-27

82浏览

0评论

layer.open组件获取弹出层页面变量、函数的实例

最近做项目遇到个问题使用layer.open组件弹出层,需要将该弹出层抽取城单独的公共页面，因此需要在主页面获取弹出层页面的相关变量或者函数值。记录下解决办法。先来看layer.o...

2020-05-27

91浏览

0评论

vue + axios get下载文件功能

本文实例为大家分享了vue + axios 下载文件的具体代码，供大家参考，具体内容如下这里是axios的get方法。post方法请点击这里=》here
注意点：Herder 请求头需注意 content-dispo...

2020-05-27

64浏览

0评论

vue+axios实现post文件下载

本文实例为大家分享了vue+axios实现post文件下载的具体代码，供大家参考，具体内容如下功能：点击导出按钮，提交请求，下载excel文件；这里是axios的post方法。get方法请点击这里=》her...

2020-05-27

102浏览

0评论

layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法

其实这篇文章是给自己看的，以后忘记怎么做回来还能看一下点击左侧菜单栏只刷新局部，局部就用iframe。首先先建layout页，建左侧菜单栏，然后下面的@RenderBody（）<div class="layui-s...

2020-05-27

114浏览

0评论

IE11下CKEditor在Bootstrap Modal中下拉问题的解决

最近在项目中需要在Bootstrap Modal弹出框中载入CKEditor。初始化CKEditor以后，在IE11下，格式/字体/颜色的下拉会闪现一下后就消失，但在chrome和firefox下没问题。主要原因是IE...

2020-05-27

60浏览

0评论

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

66浏览

0评论

layui实现图片虚拟路径上传,预览和删除的例子

效果如下所示：前端：<style type="text/css"> #detailTbody tr:hover { background: #fff; } .layui-form-label { width: 110px; } .uploader-list { margin-le...

2020-05-27

70浏览

0评论

Vue利用Blob下载原生二进制数组文件

本文实例为大家分享了Vue利用Blob下载原生二进制数组文件的具体代码，供大家参考，具体内容如下在服务端推送过来的二进制数组(JSON格式），在前端要处理成JS原生数组以后才能做成Bl...

2020-05-27

61浏览

0评论

使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子

页面A中弹出页面B,在页面B中弹出页面C,在layer做嵌套ifframe弹出时会遇到C页面被嵌套在B页面中，如果C尺寸大于B,则C将不能显示完整。这个时候可以考虑B,C页面均由A页面弹出从...

2020-05-27

68浏览

0评论

Vue路由守卫之路由独享守卫

路由独立守卫，顾名思义就是这个路由自己的守卫任务，就如同咱们LOL，我们守卫的就是独立一条路，保证我们这条路不要被敌人攻克(当然我们也得打团配合)在官方定义是这样说的：你可以...

2020-05-27

71浏览

0评论

JavaScript使用localStorage存储数据

背景以前js都是 Session 和 Cookie 来存储信息，仿佛我还停留在那个时候，一问同事有没有新的solution，才知道现在已经有 HTML5 localStorage 本地存储这个东西，可以在浏览器端储...

2020-05-27

59浏览

0评论

使用localStorage替代cookie做本地存储

因为cookie存储有限，加上cookie每次都要上传到服务器，浪费了带宽不说，而且伤害了感情。基于HTML5的localStorage可能能给你带的新的希望，而且最大支持不超过5MB的数据存储。可惜...

2020-05-27

76浏览

0评论

layui实现二维码弹窗、并下载到本地的方法

在服务器端写好生成二维码的方法，在下面调用具体实现方法如下，为了方便理解，直接附上源码，加上注释会更加容易理解吧 function share(vote_id){ //二维码生成链接 var url =...

2020-05-27

65浏览

0评论

解决Layui当中的导航条动态添加后渲染失败的问题

今天在使用Layui导航条动态添加的时候，发现动态添加后没有办法再次渲染他的效果，原因未知，但是已经解决了，这里利用的方式是将它渲染出来的span.layui-nav-bar样式利用DOM先删除...

2020-05-27

75浏览

0评论

vue-cli2与vue-cli3在一台电脑共存的实现方法

1、新建两个文件夹，分别用于存放vue-cli2和vue-cli32、进入vue2文件夹下载安装vue-cli2.0vue-cli2.0版本下载命令为npm install vue-cli或者npm install vue-cli@版本号，这里...

2020-05-27

68浏览

0评论

关于layui导航栏不展示下拉列表的解决方法

在使用导航栏时下拉列表不展示没有下拉效果是这样的经过修改后就解决了:具体原因是没有导入:layui/layui.js我的jsp代码是这样的：<html><meta name="viewport" content="widt...

2020-05-27

94浏览

0评论

解决LayUI数据表格复选框不居中显示的问题

解决LayUI数据表格复选框不居中显示的问题最后在样式文件中增加如下代码：.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{ top: 50%; transform: translat...

2020-05-27

52浏览

0评论

layui禁用侧边导航栏点击事件的解决方法

直接上代码吧//JavaScript代码区域layui.use(['element', 'laypage'],function(){ var element = layui.element; element.on('nav(test)', function(elem){ $(".layui...

2020-05-27

64浏览

0评论

浅谈Layui的eleTree树式选择器使用方法

模块eleTree 介绍、下载地址：https://fly.layui.com/extend/eleTree/使用JS位置，layui/lay/modules/eleTree.js；CSS位置，layui/css/modules/eleTree/eleTree.css；页面css引用...

2020-05-27

166浏览

0评论

vue中使用百度脑图kityminder-core二次开发的实现

最近项目中要用到脑图工具。
翻遍个大网站，找到 kityminder-core。然后发现这货年代久远，用的技术比较古董虽然出自大厂，但是文档资料着实让人蛋疼经过数小时的采坑，已经上...

2020-05-27

104浏览

0评论

Vue 刷新当前路由的实现代码

前言
开发项目的时候突然接到了这个需求，实验过后，解决方法也蛮多种，下面就讲下常规的几种方案1.改变router-view中的key值
通过改变 router-view 中的 key 值，来达到刷新组件的...

2020-05-27

68浏览

0评论

对Layer弹窗使用及返回数据接收的实例详解

Layer做为弹窗，主页面代码：注意1. callback()方法返回字符串，再data:JSON.parse(res)转为ajax提交时的json参数注意2. textarea 上使用append方法没有效果，改写： var str = $("#...

2020-05-27

70浏览

0评论

layUI使用layer.open,在content打开数据表格,获取值并返回的方法

在layUI编写的页面中，遇到这么一种情况，从一个页面中使用layer.open打开一个新窗口，新窗口中是一个数据表格，现在需要选中数据表格中的一列并获取它的值，以便下面这个选择按钮可...

2020-05-27

88浏览

0评论

layui: layer.open加载窗体时出现遮罩层的解决方法

如下所示：把窗体方法独立出来放在layer.use([],function(){});外面，需要的时候从layer.use方法里面调用，就不会出现遮罩层layer.use([],function(){ $("#添加按钮id").click(f...

2020-05-27

74浏览

0评论

layer.open 获取不到表单信息的解决方法

表单：<div class="orderHouse none"> <ul class="order-house-messige"> <form id="order-form" class="mui-input-group common-input-group order-house-group" data-a...

2020-05-27

93浏览

0评论

Vue项目环境搭建详细总结

关于Vue安装的详细步骤总结安装NodeJs首先解释一下什么是nodejs，为什么要安装node？node的优点？node.js是一个运行在chromeJavascript运行环境下（俗称GoogleV8引擎）的开发平台，用来...

2020-05-27

76浏览

0评论

layer.open 子页面弹出层向父页面传输数据的例子

子页面向父页面传数据，利用弹出页面点击确定时返回的参数，即yes:function(index,layero){}的layero。关键就一句：var obj = $(layero).find("iframe")[0].contentWindow;obj可...

2020-05-27

106浏览

0评论

IntelliJ IDEA编辑器配置vue高亮显示

本文实例为大家分享了IntelliJ IDEA编辑器配置vue高亮显示的具体实现方法，供大家参考，具体内容如下1.查找IntelliJ IDEA是否已经安装vue.js 注:之前有写过关于使用cmd命令搭建...

2020-05-27

56浏览

0评论

vue源码中的检测方法的实现

判断是否为undefined或nullconst isDef = (v) => { return v !== undefined && v !== null}判断是否为Promise 函数const isPromise = (val) => { return ( val !== undefi...

2020-05-27

79浏览

0评论

对Layer UI 模块化的用法详解

此文章适合入门的同学查看，之前因为项目的原因，在网上找了一套Layer UI做的后台管理系统模板，完全不懂LayUI里面的JS用法，看了官方文档和其它资料后才明白怎么去实现模块化这个...

2020-05-27

79浏览

0评论

解决layui的radio属性或别的属性没显示出来的问题

1、这是radio没有显示出来的情况2、正常的应该是这样的3、解决方法就是：使用form.render() 刷新界面layui.use('form',function(){ var form = layui.form; //刷新界面...

2020-05-27

82浏览

0评论

layui use 定义js外部引用函数的方法

layui.use 加载layui.define 定义的模块，当外部 js 或 onclick调用 use 内部函数时，需要在 use 中定义 window 函数供外部引用，如下：layui.use(['layer','form'],function(){...

2020-05-27

热门文章