JavaScript - 教程之家

174浏览

0评论

layui table 获取分页 limit的方法

如下所示：var table_name = table.render({});page_size = table_name.config.limit;table_name 是自定义变量以上这篇layui table 获取分页 limit的方法就是小编分享给大家...

2020-05-27

161浏览

0评论

Vue登录主页动态背景短视频制作

本文实例为大家分享了Vue制作登录主页动态背景短视频的具体代码，供大家参考，具体内容如下一、HTML代码<source src="../assets/video/G1s.mp4" type="video/mp4"/>注：src的路径...

2020-05-27

170浏览

0评论

LayUI switch 开关监听获取属性值、更改状态的方法

背景今天在设计页面时，想使用一下 LayUI 的 switch 控件，在需要更改状态的时候进行 ajax请求传输需要获取其中的自定义属性值，同时根据服务器返回数据进行状态的更改通过参考文...

2020-05-27

87浏览

0评论

LayUi使用switch开关,动态的去控制它是否被启用的方法

layui中的switch开关，能够去显示当前的状态，是否是启用还是禁用。当时如果当前记录的某个值没有进行填写，这行记录就不能被启用。并且页面上也要让他不能进行操作。直接上代...

2020-05-27

258浏览

0评论

微信小程序自定义波浪组件使用方法详解

最近看到好多app上有波浪背景，有动态的，有静态的，这里是在小程序中用得动态。先看看效果图：里面的文本是组件内部定义的。这是用两个svg的图片用css关键帧动画做的效果（这里谢谢...

2020-05-27

86浏览

0评论

微信小程序实现3D轮播图效果（非swiper组件）

本文实例为大家分享了微信小程序实现3D轮播图效果的具体代码，供大家参考，具体内容如下首先上一下效果图：在做的时候首先想到的是用swiper组件但是发现swiper组件放进去图片的...

2020-05-27

75浏览

0评论

layui switch 开关监听弹出确定状态转换的例子

不废话,直接上图：原始状态:点击确定:点击取消或者X代码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet"...

2020-05-27

101浏览

0评论

关于layui flow loading占位图的实现方法

如果流图片要加载失败, 就会显示找不到图片的裂痕代码如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="layui...

2020-05-27

84浏览

0评论

解决layui弹出层layer的area过大被遮挡的问题

layer弹出窗口在弹出时指定了area，弹出后，如果当前页面（iframe）大小比弹出的窗口小，那么就会出现无法操作弹出窗口的尴尬情况。如图：弹出窗口比当前页面大,这时，唯有放大整个页面才...

2020-05-27

90浏览

0评论

原生js实现3D轮播图

3D轮播图是我做过复杂的图片轮播了，由于是利用坐标，层级之间的关系，所以实现起来原理比较简单但是bug巨多，在推推拖拖了好久后，下定决心重新整理成博客，与大家分享！首先分析一下3D...

2020-05-27

80浏览

0评论

layui table动态表头改变表格头部重新加载表格的方法

改变头部原理：删除原来表格, 重新建立DOM元素, 重新加载table,实现表头改变明白了原理, 我相信大家都能写出来了, table.reload(ID, options)目前好像还不支持cons的基础函数...

2020-05-27

69浏览

0评论

js实现图片3D轮播效果

3D的图片轮播效果很炫，写到这里只是为了不丢代码，不为别的。效果预览：html代码：<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js实现3D...

2020-05-27

102浏览

0评论

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

79浏览

0评论

layui layer select 选择被遮挡的解决方法

在编程的时候, layer弹窗中的select 经常会遇到被遮挡的情况：解决方法：在页面里面找到对应div的class 给overflow新的属性visible即可(默认值。内容不会被修剪，会呈现在元素框...

2020-05-27

77浏览

0评论

layui 图片上传+表单提交+ Spring MVC的实例

Layui 的上传是最常用的, 不可或缺, 记录一下代码, 以后复制都能用!!1.前端HTML：<div class="layui-form-item"> <label class="layui-form-label">修改头像</label> <div cl...

2020-05-27

70浏览

0评论

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

70浏览

0评论

Vue插件之滑动验证码

本文实例为大家分享了Vue插件之滑动验证码的具体代码，供大家参考，具体内容如下预览目前仅前端实现，支持移动端滑动事件。版本V1.0.5github文档地址安装npm install --save vue-...

2020-05-27

88浏览

0评论

layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法

在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用.主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选.当选中一些数据的时候, 数据切换页面数据在...

2020-05-27

75浏览

0评论

使用vue制作滑动标签

本文实例为大家分享了vue制作滑动标签的具体代码，供大家参考，具体内容如下第一步：写出HTML结构先写一个你需要展示的静态效果，写好后再改为VUE动态生成，代码如下：<div id="app1" c...

2020-05-27

112浏览

0评论

layui点击弹框页面表单请求的方法

如下所示：$("#addSite").click(function () { layer.open({ title: '添加站点', type: 1, area: ['700px', '400px'], content: '<blockquote class="layui-ele...

2020-05-27

91浏览

0评论

vue开发拖拽进度条滑动组件

分享一个最近写的进度条滑动组件，以前都是用jq写，学会了vue，尝试着拿vue来写觉得非常简单，代码复用性很强！效果图如下：调用组件如下：<slider :min=0 :max=100 v-model = "per"></sl...

2020-05-27

90浏览

0评论

NProgress显示顶部进度条效果及使用详解

NProgress实现显示加载进度条效果，具有逼真的动画涓涓细流来说服你的用户，无页面跳转效果，极大提高用户体验效果1. 官网下载地址实现效果如下GIF图片所示：（请求的数据比较小，所以...

2020-05-27

86浏览

0评论

Vue使用NProgress进度条的方法

本文实例为大家分享了Vue使用NProgress进度条的具体代码，供大家参考，具体内容如下1、安装npm i -S nprogress2、在router.js中使用import Vue from 'vue'import Router from '...

2020-05-27

110浏览

0评论

vue配置nprogress实现页面顶部进度条

本文实例为大家分享了vue配置nprogress实现页面顶部进度条的具体代码，供大家参考，具体内容如下1. 安装npm install nprogress --save2. 在main.js中导入源码~~~~~~方便你复制...

2020-05-27

60浏览

0评论

layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)

layer 弹出框中经常遇到要弹出表单进行修改数据, 因此在弹出框中的表单需要验证数据, 就需要在弹出一个layer, 默认的设置会自动关闭原来的layer, 解决办法如下:type参数: 0...

2020-05-27

124浏览

0评论

vue实现文件上传读取及下载功能

本文实例为大家分享了vue实现文件上传读取及下载的具体代码，供大家参考，具体内容如下文件的上传利用input标签的type="file"属性，读取用FileReader对象，下载通过创建a标签实现<t...

2020-05-27

88浏览

0评论

jquery弹窗时禁止body滚动条滚动的例子

当弹出一个jq提示窗口的时候，一般窗口右边还会有进度条的情况，禁止进度条方法禁止浏览器滚动条滚动：$('body').css({ 　　"overflow-x":"hidden",　　"overflow-y":"hidden" })...

2020-05-27

61浏览

0评论

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

125浏览

0评论

vue2.0+SVG实现音乐播放圆形进度条组件

vue2.0+SVG实现音乐播放圆形进度条组件，传入实时百分比实现圆圈进度动画效果需求分析：类似于大多数音乐播放器中等mini播放器控制按钮，显示播放进度，实时更新进度。progress-cir...

2020-05-27

87浏览

0评论

jquery.tagsinput.js实现记录checkbox勾选的顺序

业务需求：可以根据checkbox的先后勾选传递有顺序的值让后台接收，决定用tagsinput显示checkbox的先后勾选顺序，并实时响应checkbox的勾选状态思路：checkbox的值存在一个数组A，新创...

2020-05-27

121浏览

0评论

Webpack按需加载打包chunk命名的方法

前言最近，遇到复杂h5页面开发，为了优化H5首屏加载速度，想到使用按需加载的方式，减少首次加载的JavaScript文件体积，于是将处理过程在这里记录一下，涉及到的主要是以下三点：使用We...

2020-05-27

149浏览

0评论

Nodejs监控事件循环异常示例详解

开场白
最近在学习 libuv，也了解了一些 Node.js 中使用 libuv 的例子。当然，这篇文章不会去介绍 event loop，毕竟这些东西在各个论坛、技术圈里都被介绍烂了。本文介绍如何正确...

2020-05-27

123浏览

0评论

优雅的使用javascript递归画一棵结构树示例代码

递归和尾递归
简单的说，递归就是函数自己调用自己，它做为一种算法在程序设计语言中广泛应用。其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题...

2020-05-27

118浏览

0评论

Vue+elementui 实现复杂表头和动态增加列的二维表格功能

先上完成的效果图：列是根据查询结果增加的数据格式：表头的数据取出：data.data.forEach(element => { this.thead.push({ 品名: element.品名, 面取数: element.面取数,...

2020-05-27

74浏览

0评论

layui树形菜单动态遍历的例子

1、前端jsp页面<%@ page language="java" pageEncoding="UTF-8"contentType="text/html; charset=utf-8"%><%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%...

2020-05-27

344浏览

0评论

layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)

声明：这里非常感谢闲心大神，开源了非常好用的前端UI框架，layui，如有侵权请联系我。当然闲心在2.0版本的layuiAdmin已经支持了，不过是收费版的，需要的同学可以自行购买，网址：http://w...

2020-05-27

79浏览

0评论

详解mpvue开发微信小程序基础知识

一、mpvue简介
mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为...

2020-05-27

69浏览

0评论

JS随机密码生成算法

本文实例为大家分享了JS生成随机密码的具体代码，供大家参考，具体内容如下题目：输入一个正整数n，生成n个随机密码，其中包括数字，大小写字母。
代码：<!DOCTYPE html><html lang="en">...

2020-05-27

68浏览

0评论

vue多页面项目中路由使用history模式的方法

前言之前写了一个vue项目中需要添加一个打印的页面，需要使用多页面的模式进行开发，vue-cli3出初始化的项目配置多页面还是很容易的，但是发现print.html没有办法配置history模式...

2020-05-27

107浏览

0评论

layui-tree实现Ajax异步请求后动态添加节点的方法

最近在弄一个产品分类管理，是一个树形菜单的形式，用的是layui-tree ,由于它并没有动态添加节点，所以只能自己刚了。大概效果如图体的实现是当我鼠标移入“长袖”这个分类时，出现...

2020-05-27

74浏览

0评论

ES10的13个新特性示例(小结)

介绍ES10是与2019年相对应的ECMAScript版本。这个版本中的新功能没有ES6（2015）中的那么多。但是，也不乏一些有用的功能。本文在简单的代码示例中介绍了ES10提供的功能。这样，您...

2020-05-27

275浏览

0评论

layui加载数据显示loading加载完成loading消失的实例代码

项目中，向后台请求数据，经常会出现较长的等待时间，这时我们需要一个loading转圈圈，接收到后台的数据时，让loading消失这layui中使用方法如下：以表格为例，每次加载表格数据时加一个l...

2020-05-27

97浏览

0评论

layui 实现加载动画以及非真实加载进度的方法

近期在做一个网站的查询功能，但是由于数据量确实太大，分页查询后也是很慢，同时查询出的数据部分还要进行一些处理，导致用户说要我们给他们加一个查询进度，要百分比显示。加上加载...

2020-05-27

98浏览

0评论

从零搭一个自用的前端脚手架的方法步骤

为什么要弄个脚手架对于我个人，经常写些demo，或者写一个新项目的时候，要么就是把以前的项目模板复制一份，要么就是重新搭建一份，显得比较麻烦，浪费时间，所以就有了搭建一个能满足自...

2020-05-27

88浏览

0评论

微信接入之获取用户头像的方法步骤

前段时间写了关于微信支付接入，顺便就把获取用户昵称，头像的方式也归纳下，这个其实挺简单的，具体的方法看官方文档即可。这里只提几个重点。scope参数
看过微信文档的话，微信的规...

2020-05-27

128浏览

0评论

微信小程序实现蓝牙打印

最近刚好完成了一个打印标签的项目，其中就涉及到了小程序的蓝牙功能。所以写下这篇粗略的文章记录一下，同时也是给即将做相关项目的亲们提供一个参考，也希望有什么描述不恰当或...

2020-05-27

84浏览

0评论

微信小程序使用蓝牙小插件

本文实例为大家分享了微信小程序使用蓝牙小插件，供大家参考，具体内容如下bluetooth.jsfunction BLE(options) { this.options = options || { locator: {} };}function ab2hex...

2020-05-27

103浏览

0评论

微信小程序如何获取用户头像和昵称

本文介绍了微信小程序如何获取用户头像和昵称，分享给大家，具体如下：代码user.wxml：<view ><view> <image class="avatar" src='{{userInfo.avatarUrl}}'></image> <view class="...

2020-05-27

103浏览

0评论

微信头像地址失效踩坑记附带解决方案

微信头像失效问题说明？最近工作遇到一个微信头像失效的问题，情况是这样的，我们一个h5页面在微信授权后打开，会存储微信相关昵称和头像信息，不过，我们没有保存图片到自己的服务器，而...

2020-05-27

94浏览

0评论

layui内置模块layim发送图片添加加载动画的方法

layim图片上传时可能会因网络等原因导致图片上传速度慢，而前端此时不给于任何提示的话会导致用户体验差，因此我们需在图片上传方法稍加拓展，具体思路即在发出请求前加载动画，上...

2020-05-27

热门文章