解决Layui中templet中a的onclick参数传递的问题
以下是我的模板，主要用在列表页table中的按钮，点击弹窗展开详情页的功能。<script type="text/html" id="contentTpl"> <a href='javascript:;' class="layui-btn layui-bt...
2020-05-27
基于layui内置模块(element常用元素的操作)
常用元素操作是个什么鬼，从官方解释简单来说就是在页面中有一些动态的效果，当然不是我们说的动态网页那个动态，这些动态效果呢，就是通过我们去加载element模块以后，默认为页面的...
2020-05-27
小程序使用watch监听数据变化的方法详解
众所周知，Vue中，可以使用监听属性 watch来观察和响应 Vue 实例上的数据变化，那么小程序能不能实现这一点呢？监听器的原理，是将data中需监听的数据写在watch对象中，并给其提供一个...
2020-05-27
layui问题之模拟table表格中的选中按钮选中事件的方法
一、问题不操作页面，实现table表格中的checkbox选中功能二、经过刚开始的思路：1、通过table的id，找到table渲染时生成的div，即table的下一个兄弟节点div.layui-table-view2、由...
2020-05-27
使用Layui搭建后台管理界面的操作方法
Layui是一个样式比较丰富艳丽的UI框架，通过自学了相关api文档，自己手工搭建了一个后台管理页面。页面布局是常用的一套，上面是一个logo，左边区域是一个导航，中间是内容tab页，底部...
2020-05-27
SSM+layUI 根据登录信息显示不同的页面方法
最近在用SSM+layUI做自己的一个小项目，用到要根据登录信息显示不同页面的问题，和大家分享下，如有不足，欢迎指出。在开始之前先给大家看下效果用户登录之前，登录位置显示的是登录...
2020-05-27
小程序如何获取多个formId实现详解
很多人使用过form和button的多层嵌套来实现点击一次获取多个formId的目的，如下图所示，点击一次“提交”，可以获取到多个formId但是在今年3月份，这个投机取巧的方法（算是微信的一...
2020-05-27
解决layUI的页面显示不全的问题
在做项目时页面显示不全可以在layui的css中直接改属性layui-tab-item找到这个属性，直接修改高度，如果是谷歌浏览器的话记得清缓存。还有就是在嵌入时修改属性<iframe scrollin...
2020-05-27
微信用户访问小程序的登录过程详解
概述当你开发完了一个小程序并部署上线后，某个微信用户第一次访问这个小程序的时候，会弹出一个授权界面，用户可以选择是否使用微信登录，如果选择是，则直接进入到小程序。当你第二...
2020-05-27
微信小程序跳转到其他网页(外部链接)的实现方法
个人类型和海外类型的小程序不支持 web-view 标签 也就是说个人申请的小程序，就别想跳转了！！！！1.开发的时候，我们难免碰到要跳转到其他网页中去那该怎么实现呢？2.例如我想点击一个...
2020-05-27
Vue+iview+webpack ie浏览器兼容简单处理
环境介绍： vue: ^2.5.2 iview: ^3.1.0 Webpack: ^3.8.1前情提要： ie 浏览器不支持 ES6 Promise 的语法。 ie8 及以下对 html5 标签不兼容（可以通过引入html5shiv包解决，本...
2020-05-27
微信小程序如何播放腾讯视频的实现
1.背景
因为当时需要做视频播放，后台存放视频文件又不现实。所以，做了一个能解析腾讯视频地址的并播放视频的小程序。2.介绍
小程序里的解析腾讯视频地址的代码是参考了一个开...
2020-05-27
vuex根据不同的用户权限展示不同的路由列表功能
需求描述最近接到一个新的需求，要求将系统的用户进行分类，用户登陆后根据不同的用户权限展示不同的功能列表。这个功能在后台管理中很常见，大致的思路是后台返回用户类型，前端根...
2020-05-27
浅谈layui分页控件field参数接收对象的问题
第一次使用layui分页控件，遇到的问题。。field: 'type.typeName' 获取不到值。页面代码table.render({ elem: '#bookTable' ,height: 'full-20' ,url: '/admin/getBook'...
2020-05-27
生成无限制的微信小程序码的示例代码
概述现在除了用二维码之外，微信还可以为我们生成小程序码，大概长这个样子。
如果要生成无限制的小程序码，需要几个步骤
1、小程序某个页面的地址,也即是指定page参数的值；
2...
2020-05-27
使用layui实现树形结构的方法
树形结构在项目中使用是比较，下面我来介绍一种layui做树形结构的方法树形结构需要获得的数据有父id，所以数据库需要有父id：后台代码： @RequestMapping(value = "/lists")public...
2020-05-27
教你如何用Node实现API的转发（某音乐）
前言
你有没有过这样的经历：每当想写个项目来学习新技术的时候，却发现因为没有一套成熟的免费接口，而导致想法被扼杀摇篮。前段时间，笔者准备学一下hooks的姿势；苦于没有比较好的...
2020-05-27
layui table复选框禁止某几条勾选的实例
Layui table复选框禁止勾选var list = [0,1,3];//获得禁用的tr的行index//遍历设置复选框禁用for(var i=0;i<list.length;i++){ $(".layui-table tr[data-index="+list[i]+"...
2020-05-27
vuejs+element UI table表格中实现禁用部分复选框的方法
有时候我们构建这样带一列复选框的表格然后希望根据条件禁用某个列表项的选择框，可以这样写HTML：JS：以上这篇vuejs+element UI table表格中实现禁用部分复选框的方法就是小编分...
2020-05-27
解决layui动态加载复选框无法选中的问题
问题描述1.最近用layui做后台界面，遇到layui跟ajax数据动态加载的checkbox，偶尔不能正常勾选，取消2.有分页时，最后一页数据过少会导致其他页下方数据无法选中3.页面没加载完或暴...
2020-05-27
微信小程序用户拒绝授权的处理方法详解
前言小程序开发中,现在一般都需要获取微信用户信息,如头像/名字等.这样在用户第一次进入小程序时,微信端会弹出一个是否同意授权的消息提示框.但是如果用户第一时间点击了拒...
2020-05-27
layui table 获取分页 limit的方法
如下所示：var table_name = table.render({});page_size = table_name.config.limit;table_name 是自定义变量以上这篇layui table 获取分页 limit的方法就是小编分享给大家...
2020-05-27
Vue登录主页动态背景短视频制作
本文实例为大家分享了Vue制作登录主页动态背景短视频的具体代码，供大家参考，具体内容如下一、HTML代码<source src="../assets/video/G1s.mp4" type="video/mp4"/>注：src的路径...
2020-05-27
LayUI switch 开关监听 获取属性值、更改状态的方法
背景今天在设计页面时，想使用一下 LayUI 的 switch 控件，在需要更改状态的时候进行 ajax请求传输需要获取其中的自定义属性值，同时根据服务器返回数据进行状态的更改通过参考文...
2020-05-27
LayUi使用switch开关,动态的去控制它是否被启用的方法
layui中的switch开关，能够去显示当前的状态，是否是启用还是禁用。当时如果当前记录的某个值没有进行填写，这行记录就不能被启用。并且页面上也要让他不能进行操作。 直接上代...
2020-05-27
微信小程序自定义波浪组件使用方法详解
最近看到好多app上有波浪背景，有动态的，有静态的，这里是在小程序中用得动态。先看看效果图：里面的文本是组件内部定义的。这是用两个svg的图片用css关键帧动画做的效果（这里谢谢...
2020-05-27
微信小程序实现3D轮播图效果（非swiper组件）
本文实例为大家分享了微信小程序实现3D轮播图效果的具体代码，供大家参考，具体内容如下首先上一下效果图： 在做的时候首先想到的是用swiper组件但是发现swiper组件放进去图片的...
2020-05-27
layui switch 开关监听 弹出确定状态转换的例子
不废话,直接上图：原始状态:点击确定:点击取消或者X代码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet"...
2020-05-27
关于layui flow loading占位图的实现方法
如果流图片要加载失败, 就会显示找不到图片的裂痕代码如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="layui...
2020-05-27
解决layui弹出层layer的area过大被遮挡的问题
layer弹出窗口在弹出时指定了area，弹出后，如果当前页面（iframe）大小比弹出的窗口小，那么就会出现无法操作弹出窗口的尴尬情况。如图：弹出窗口比当前页面大,这时，唯有放大整个页面才...
2020-05-27
原生js实现3D轮播图
3D轮播图是我做过复杂的图片轮播了，由于是利用坐标，层级之间的关系，所以实现起来原理比较简单但是bug巨多，在推推拖拖了好久后，下定决心重新整理成博客，与大家分享！首先分析一下3D...
2020-05-27
layui table动态表头 改变表格头部 重新加载表格的方法
改变头部原理：删除原来表格, 重新建立DOM元素, 重新加载table,实现表头改变明白了原理, 我相信大家都能写出来了, table.reload(ID, options)目前好像还不支持cons的基础函数...
2020-05-27
js实现图片3D轮播效果
3D的图片轮播效果很炫，写到这里只是为了不丢代码，不为别的。效果预览：html代码：<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js实现3D...
2020-05-27
layui table 表格模板按钮的实例代码
这是个是全部的jsp 页面：<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %><html><link rel="icon" href="../../../static/images/favicon.png" rel...
2020-05-27
layui layer select 选择被遮挡的解决方法
在编程的时候, layer弹窗中的select 经常会遇到被遮挡的情况：解决方法：在页面里面找到对应div的class 给overflow新的属性visible即可(默认值。内容不会被修剪，会呈现在元素框...
2020-05-27
layui 图片上传+表单提交+ Spring MVC的实例
Layui 的上传是最常用的, 不可或缺, 记录一下代码, 以后复制都能用!!1.前端HTML：<div class="layui-form-item"> <label class="layui-form-label">修改头像</label> <div cl...
2020-05-27
Layui tree 下拉菜单树的实例代码
1.效果：2.html 代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatib...
2020-05-27
Vue插件之滑动验证码
本文实例为大家分享了Vue插件之滑动验证码的具体代码，供大家参考，具体内容如下预览目前仅前端实现，支持移动端滑动事件。版本V1.0.5github文档地址安装npm install --save vue-...
2020-05-27
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用.主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选.当选中一些数据的时候, 数据切换页面数据在...
2020-05-27
使用vue制作滑动标签
本文实例为大家分享了vue制作滑动标签的具体代码，供大家参考，具体内容如下第一步：写出HTML结构先写一个你需要展示的静态效果，写好后再改为VUE动态生成，代码如下：<div id="app1" c...
2020-05-27
layui点击弹框页面 表单请求的方法
如下所示：$("#addSite").click(function () { layer.open({ title: '添加站点', type: 1, area: ['700px', '400px'], content: '<blockquote class="layui-ele...
2020-05-27
vue开发拖拽进度条滑动组件
分享一个最近写的进度条滑动组件，以前都是用jq写，学会了vue，尝试着拿vue来写觉得非常简单，代码复用性很强！效果图如下：调用组件如下：<slider :min=0 :max=100 v-model = "per"></sl...
2020-05-27
NProgress显示顶部进度条效果及使用详解
NProgress实现显示加载进度条效果，具有逼真的动画涓涓细流来说服你的用户，无页面跳转效果 ，极大提高用户体验效果1. 官网下载地址实现效果如下GIF图片所示：（请求的数据比较小，所以...
2020-05-27
Vue使用NProgress进度条的方法
本文实例为大家分享了Vue使用NProgress进度条的具体代码，供大家参考，具体内容如下1、安装npm i -S nprogress2、在router.js中使用import Vue from 'vue'import Router from '...
2020-05-27
vue配置nprogress实现页面顶部进度条
本文实例为大家分享了vue配置nprogress实现页面顶部进度条的具体代码，供大家参考，具体内容如下1. 安装npm install nprogress --save2. 在main.js中导入源码~~~~~~方便你复制...
2020-05-27
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
layer 弹出框中经常遇到要弹出表单进行修改数据, 因此在弹出框中的表单需要验证数据, 就需要在弹出一个layer, 默认的设置会自动关闭原来的layer, 解决办法如下:type参数: 0...
2020-05-27
vue实现文件上传读取及下载功能
本文实例为大家分享了vue实现文件上传读取及下载的具体代码，供大家参考，具体内容如下文件的上传利用input标签的type="file"属性，读取用FileReader对象，下载通过创建a标签实现<t...
2020-05-27
jquery弹窗时禁止body滚动条滚动的例子
当弹出一个jq提示窗口的时候，一般窗口右边还会有进度条的情况，禁止进度条方法禁止浏览器滚动条滚动：$('body').css({ "overflow-x":"hidden", "overflow-y":"hidden" })...
2020-05-27
js+springMVC 提交数组数据到后台的实例
1.ajax 代码var ids =new Array();$.ajax({ type: "POST", url: "/user/downReport", dataType: "html", traditional: true, data:{ downReportArray:ids }, asy...
2020-05-27
vue2.0+SVG实现音乐播放圆形进度条组件
vue2.0+SVG实现音乐播放圆形进度条组件，传入实时百分比实现圆圈进度动画效果需求分析：类似于大多数音乐播放器中等mini播放器控制按钮，显示播放进度，实时更新进度。progress-cir...
2020-05-27
