JavaScript - 教程之家

176浏览

0评论

vue+element搭建后台小总结 el-dropdown下拉功能

本文实例为大家分享了el-dropdown下拉功能的具体代码，供大家参考，具体内容如下功能：点击el-dropdown 下拉下拉的数据从后台获取遍历到界面上且多个el-dropdown下拉共用一...

2020-05-27

87浏览

0评论

vue实现百度搜索功能

本文实例为大家分享了vue实现百度搜索功能的具体代码，供大家参考，具体内容如下最终效果：Baidusearch.vue所有代码：<template> <div> <div class="container" id="app"> <div c...

2020-05-27

105浏览

0评论

微信小程序多行文本显示...+显示更多按钮和收起更多按钮功能

看了很多帖子，但是效果都不是很好。还是找微信小程序官方文档，自己写比较方便。自己动手丰衣足食！话不多说，上代码！时空传送先来个效果图html<block wx:for='{{trendsList}}' wx:...

2020-05-27

44浏览

0评论

vue仿ios列表左划删除

本文实例为大家分享了vue仿ios列表左划删除的具体代码，供大家参考，具体内容如下效果：代码： <template> <div class="delete"> <div class="slider"> <div clas...

2020-05-27

226浏览

0评论

layui 上传图片返回图片地址的方法

默认是file参数名返回一个Map前端接收即可。以上这篇layui 上传图片返回图片地址的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。...

2020-05-27

522浏览

0评论

layui 阻止图片上传的实例(before方法)

今天项目上传图片需要校验大小，而且各个地方图片大小的限制不一样，如果在后台控制会比较麻烦，所以就放在 js 里校验，这里用的layui（1.0.9）的 upload.js 模块。这个版本的layui本...

2020-05-27

899浏览

0评论

layui实现多图片上传并限制上传的图片数量

废话不多说了，直接上代码吧！ //给图片添加删除 function mouseChange() { $(document).on("mouseenter mouseleave", ".file-iteme", function (event) {...

2020-05-27

69浏览

0评论

浅谈layui里的上传控件问题

很多时候，项目里都是需要上传功能的，现在就来研究研究，首先，在html页面引入layui的包，如：<link rel="stylesheet" href="map/plug-in/scripts/layui/css/layui.css" rel="external...

2020-05-27

72浏览

0评论

vue实现节点增删改功能

本文实例为大家分享了vue实现节点增删改功能的具体代码，供大家参考，具体内容如下效果：增删改功能 tree.vue组件代码：<template> <div> <div class="all-div" v-if="model.name"...

2020-05-27

120浏览

0评论

vue实现全匹配搜索列表内容

本文实例为大家分享了vue实现全匹配搜索列表内容的具体代码，供大家参考，具体内容如下效果：组件代码：<template> <div> <el-input placeholder="请搜索关键...

2020-05-27

401浏览

0评论

layui(1.0.9)文件上传upload,前后端的实例代码

因为公司还在使用老版本的layui，文件上传在新版本中全部重写了，这里记录下老版本layui的文件上传。前端代码：（引入layui相关包）<input type="file" lay-type="file" id="xxxxx" n...

2020-05-27

67浏览

0评论

layui上传图片到服务器的非项目目录下的方法

1、layui没办法与form表单中的其他字段一同提交到后台，所以只能通过先提交图片，然后通过返回的图片的值来提交到数据库2、先将所需要的jar包导入，我是用的maven所以，需要在父pom...

2020-05-27

206浏览

0评论

微信小程序 wxParse插件显示视频问题

修改wxParse/html2json.js 文件，在 html2json(html, bindName) 方法里 var node = { node: 'element', tag: tag, };这里使用 node.tag 能够获取标签类...

2020-05-27

51浏览

0评论

webpack 处理CSS资源的实现

1. 一个引入 CSS 资源的案例// index.jsimport './style.css'/* style.css */#root { height: 100px; width: 100px; border: 1px solid #ccc;}就这样打包的话，是会报错的，那...

2020-05-27

79浏览

0评论

vue实现在线翻译功能

本文实例为大家分享了vue实现在线翻译功能的具体代码，供大家参考，具体内容如下最终效果：APP.vue<template> <div id="app"> <h4>在线翻译</h4> <h5>简单/易用/方便</h5> <!-...

2020-05-27

116浏览

0评论

layui+SSM的数据表的增删改实例(利用弹框添加、修改)

本人前端知识相当于小白，初学SSM时，了解了layui前端框架，所以开始研究了数据表的增删改查，由于js、ajax知识不是很好，所以百度了相关ajax操作，用以借鉴。希望能帮助有需要的初学者...

2020-05-27

92浏览

0评论

在SSM框架下用laypage和ajax实现分页和数据交互的方法

layui，一款前端框架，提供了丰富的组件和模板，layui提供的简约后台管理模板，对于后端学习者来说是个不错的福音。这里记录在SSM框架下使用layui的分页组件laypage。(官网开发文档...

2020-05-27

154浏览

0评论

vue调用语音播放的方法

本文实例为大家分享了vue调用语音播放的具体代码，供大家参考，具体内容如下
功能展示输入文字点击播放调用语音直接上代码<template> <div>  <div> <i...

2020-05-27

75浏览

0评论

通过layer实现可输入的模态框的例子

废话不多说，我就直接上代码吧！<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ taglib prefix="s" uri="/struts-tags" %><!DOCTYPE HTML><html lang=...

2020-05-27

78浏览

0评论

vue实现倒计时获取验证码效果

本文实例为大家分享了vue实现倒计时获取验证码效果的具体代码，供大家参考，具体内容如下效果：代码：<template> <div> <el-button :disabled="disabled" @click="sendcode" class=...

2020-05-27

91浏览

0评论

使用layer弹窗,制作编辑User信息页面的方法

用户信息展示页面为A页面，编辑页面为B页面。A是B的父页面首先在A页面添加按钮，点击触发函数，函数初始化layer弹窗‘编辑'按钮：<button type="button" class="btn btn-primary bt...

2020-05-27

345浏览

0评论

在layer弹层layer.prompt中,修改placeholder的实现方法

如下所示：layer.prompt({title: '修改密码',placeholder:'请输入新密码'},function(val, index){//成功后执行});该修改的地方 layer.js效果图以上这篇在layer弹层layer.prom...

2020-05-27

96浏览

0评论

layer.open提交子页面的form和layedit文本编辑内容的方法

主要用到layer 自带的取子页面dom的方法 layer.getChildFrame(),在父页面对子页面dom进行操作js代码:在layer.open 中 btn yes function(index, layero){ }中获取子页面的...

2020-05-27

55浏览

0评论

vue选项卡切换登录方式小案例

本文实例为大家分享了vue选项卡切换登录方式的具体代码，供大家参考，具体内容如下最终效果组件代码：<template> <div> <div class="login_warp"> <div class="loginbox fl"> <!...

2020-05-27

46浏览

0评论

使用layui的layer组件做弹出层的例子

官方文档地址： http://www.layui.com/doc/modules/layer.html本例演示效果：当点击申请提现时,出现申请提现框,并根据用户输入进行一些判断,给出友好提示,比如:代码实现：<!DOCTY...

2020-05-27

39浏览

0评论

vue实现手机端省市区区域选择

本文实例为大家分享了vue实现手机端省市区区域选择的具体代码，供大家参考，具体内容如下1 后端接口获取城市信息2 先获取省根据用户点击的省获取市3 再根据用户点击的市获取区...

2020-05-27

46浏览

0评论

vue实现表格过滤功能

本文实例为大家分享了vue实现表格过滤功能的具体代码，供大家参考，具体内容如下效果：组件代码： <template> <div> <input type="text" v-model="searchText"> <ul> <li v-for="(...

2020-05-27

45浏览

0评论

关于ligerui子页面关闭后,父页面刷新,重新加载的方法

1、需求在子页面处理完成后，在关闭时刷新并重新加载父页面 $.ajax({ url : '${base.contextPath}/test/test', type : "post", dataType :...

2020-05-27

131浏览

0评论

jquery 回调操作实例分析【回调成功与回调失败的情况】

本文实例分析了jquery 回调操作。分享给大家供大家参考，具体如下：jquery 回调成功的情况node2:/django/mysite/static/Js/Public#cat displaytestxhr.jsfunction B (response,...

2020-05-27

127浏览

0评论

layui form.render('select', 'test2') 更新渲染的方法

如下所示：<div class="layui-form" lay-filter="test1"> …</div> <div class="layui-form" lay-filter="test2"> …</div> 【JavaScript】form.render(null, 'test1'); //...

2020-05-27

59浏览

0评论

解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题

首先：引入需要的css和js<link rel="stylesheet" href="${ctx}/adminthemes/version3/plugins/layui/css/layui.css" rel="external nofollow" /><script type="text/javascri...

2020-05-27

114浏览

0评论

vue实现表单录入小案例

本文实例为大家分享了vue实现表单录入的具体代码，供大家参考，具体内容如下最终效果：代码：<template> <div id="app">  <fieldset> <legend>学生录入系统</legen...

2020-05-27

90浏览

0评论

vue实现移动端省市区选择

本文实例为大家分享了vue实现移动端省市区选择的具体代码，供大家参考，具体内容如下效果：安装：npm install v-distpicker --save组件代码：<template><div><li > <div class="left"...

2020-05-27

36浏览

0评论

layui 地区三级联动 form select 渲染的实例

如下所示：html <div class="layui-form-item"> <label class="layui-form-label require_start"><span>所在城市 :</span></label> <div class="layu...

2020-05-27

46浏览

0评论

解决layui中onchange失效以及form动态渲染失效的问题

最近在使用layui框架做城市的三级级联的时候，发现jquery中的onchange事件方法在layui框架中失效了。然后浏览layui社区，了解到layui监控一个控件变化有自己的方法。html<selec...

2020-05-27

81浏览

0评论

vue实现购物车小案例

本文实例为大家分享了vue实现购物车小案例的具体代码，供大家参考，具体内容如下最终效果HTML部分：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>shopc...

2020-05-27

129浏览

0评论

微信小程序动态修改页面数据及参数传递过程详解

在小程序中我们经常要动态渲染数据，对于新手而言我们常常遇到修改的数据在控制台显示和页面显示不一致，因为我们用“=”修改数据的，这种是可以修改，但无法改变页面的状态的，还会...

2020-05-27

49浏览

0评论

vue实现文字加密功能

本文实例为大家分享了vue实现文字加密功能的具体代码，供大家参考，具体内容如下效果：组件代码： base64npm install --save js-base64md5npm install --save js-md5<template> <di...

2020-05-27

61浏览

0评论

vue监听用户输入和点击功能

本文实例为大家分享了vue监听用户输入和点击的具体代码，供大家参考，具体内容如下功能1：监听用户输入和点击，并实时显示，功能2：点击发布，编辑页面隐藏，显示发布成功。功能1 html代码：...

2020-05-27

41浏览

0评论

JavaScript实现背景自动切换小案例

本文实例为大家分享了js实现背景自动切换的具体代码，供大家参考，具体内容如下功能：窗口打开背景图自动跳转切换所有代码：<!DOCTYPE html><html lang="en"><head> <meta charset=...

2020-05-27

58浏览

0评论

微信小程序冒泡事件原理解析

在微信小程序的事件分为冒泡事件和非冒泡事件：冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。...

2020-05-27

40浏览

0评论

ligerUI的ligerDialog关闭刷新的方法

前几天写代码的时候用到了ligerUI的弹窗功能，然后需要在关闭弹窗的时候异步刷新页面，但是查看API的时候发现没有相关的时间或者方法。然后一个个查看参数，发现了一个叫“cls”...

2020-05-27

57浏览

0评论

简单了解微信小程序 e.target与e.currentTarget的不同

在小程序的点击事件中，我们经常使用这两个属性来传参，看起来效果一样，查了官方文档如下：target：事件源组件对象currentTarget：当前组件对象什么意思？我刚开始就有点不懂，那就直接上...

2020-05-27

45浏览

0评论

layer.alert自定义关闭回调事件的方法

在项目应用中，遇到自定义关闭layer.alert弹出层，即在关闭layer.alert时，可以自动触发关闭时的事件，具体方法为：layer.alert('爱心提示！', function(){ 自定义关闭时调用的事件});...

2020-05-27

77浏览

0评论

layer弹出层倒计时关闭的实现方法

因为官方没有提供，只能自己实现了，包括按钮倒计时和标题倒计时，标题倒计时在注释部分：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head>...

2020-05-27

74浏览

0评论

JavaScript实现随机五位数验证码

本文实例为大家分享了js实现随机五位数验证码的具体代码，供大家参考，具体内容如下功能展示：
点击按钮，随机生成数字+大小写字母验证码
所有代码：<!DOCTYPE html><html><head><met...

2020-05-27

63浏览

0评论

使用layer模态框给新页面传值的方法

昨天用hui后台模板的时候用到模态框传值给另一个新页面模板是这么写的没办法给新页面传值，于是百度了一下，总结function zhuyuan(title,url,id,w,h,type){ layer.open({...

2020-05-27

73浏览

0评论

layer页面跳转,获取html子节点元素的值方法

1、jsp页面，携带值跳转到新页 original.jsp var btnClick = {'click .shownewPage':function (e, value, row, index) {//点击按钮时触发时间 var Id = row.Id; layer...

2020-05-27

32浏览

0评论

layer.confirm()右边按钮实现href的例子

layer官方API默认右边按钮=右上角X按钮，点击=关闭弹窗此方法最终效果是右上角X保留关闭弹窗功能，并且右边按钮能设置（location.href=""）等之前试过的写法（错误）：layer.confirm('想...

2020-05-27

68浏览

0评论

使用layui监听器监听select下拉框,事件绑定不成功的解决方法

如下所示：使用layui监听select所选的value需要注意的是：form.on必须写在layui.use(){}中且使用layui动态添加option时，必须要进行渲染（form.render()），否则选项追加不上这样做完之...

2020-05-27

热门文章