JavaScript - 教程之家

92浏览

0评论

Element 默认勾选表格 toggleRowSelection的实现

官网尽管提供了toggleRowSelection方法，但没有提供demo实例。
通过了解，结合vue的特殊属性ref引用到Dom元素上，再执行dom上的toggleRowSelection方法。以下通过三种不同的数据...

2020-05-27

75浏览

0评论

对layer弹出框中icon数字参数的说明介绍

前言icon参数为0，如下代码：layer.msg('请选择要编辑的机构', {icon: 0});运行结果如图： icon参数为1，如下图icon参数为2，如下图：icon参数为3，如下图：icon参数为4，如下图：icon参数为5，如...

2020-05-27

110浏览

0评论

解决layui 表单元素radio不显示渲染的问题

最近一直在使用layui，一个对程序员相对友好的前端框架，很多效果都进行了初步的封装。在使用过程中遇到最多的问题就是引用的问题，各种模板无法使用，虽然都一一百度解决。本次需...

2020-05-27

81浏览

0评论

layui 表单标签的校验方法

layui表单元素的校验只需在元素上加入lay-verify，layui提供了以下值。required（必填项）phone（手机号）email（邮箱）url（网址）number（数字）date（日期）identity（身份证）自定义值同时支持多条规...

2020-05-27

96浏览

0评论

layerui代码控制tab选项卡,添加,关闭的实例

废话不多说，直接上代码吧！<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Com...

2020-05-27

107浏览

0评论

微信小程序官方动态自定义底部tabBar的例子

最近在做小程序的项目，由于用户需求在进入页面时进行选则角色，然后再进入小程序，这时看到的底部菜单看到的不一样，而我们都知道原生的tabBar是不支持这种做法的。在网上搜集了海...

2020-05-27

71浏览

0评论

Layui 导航默认展开和菜单栏选中高亮设置的方法

如下所示：<ul class="layui-nav layui-nav-tree custom-nav-tree" lay-filter="kitNavbar" kit-navbar> <c:if test="${title_sys eq '内容管理' }"> <li class="la...

2020-05-27

73浏览

0评论

layui实现tab的添加拒绝重复的方法

layui中tab的添加：重复添加，没有自动跳转肯定让你烦了很久吧，我也是花了很久才解决的前提是这样的：我点击不同按钮生成对应tab，而且再点击前已经有一个tab了（比如说：‘首页‘，个人需...

2020-05-27

67浏览

0评论

微信小程序实现点击卡片翻转效果

动画效果： wxml:<view class='main'>  <view class="box b1" animation="{{animationMain}}" bindtap='rotateFn' data-id="1" > <image src=""></imag...

2020-05-27

112浏览

0评论

微信小程序按钮点击动画效果的实现

动画效果如下：GIF看起来可能会有点卡wxml<view class="confirm bubble">确定</view>wxss.confirm{ width: 325rpx; height: 80rpx; background: #07c160; border-radius: 6rp...

2020-05-27

142浏览

0评论

微信自定义分享链接信息（标题，图片和内容）实现过程详解

网页分享到微信要怎么才能自定义标题，内容和图片呢？
需求概述
微信中可以直接转发网页链接，用户在微信内置浏览器中打开后可以通过微信浏览器中右上角进行分享到朋友，朋友圈，QQ等...

2020-05-27

100浏览

0评论

在layui tab控件中载入外部html页面的方法

目前，潜入外部网页的方式，主要有3种：iframe方式<div><iframe src="xxx.jsp"></iframe>ajax方式<div id=“externalHtml"></div>ajax加载数据后，直接赋予 externalHtml.innerHTML...

2020-05-27

57浏览

0评论

layui弹出框Tab选项卡的示例代码

最近做一个项目，使用LAYUI，在界面上Z弹出一个界面A，A上有TAB选项卡，分别为界面B、C；B界面上有一个列表，双击败列表行时，要把数据回写到界面Z; 界面A上有提交按钮，选中B界面上列表某...

2020-05-27

47浏览

0评论

微信小程序自定义复选框实现代码实例

功能：　1、需要多选复选框，并且可以上拉滚动；2、需要通过名称手写字母排序的，并且可以上拉滚动；常规的小程序自带的原生picker无法满足我们的要求，因此一些特殊效果需要我们自定义...

2020-05-27

73浏览

0评论

layui使用button按钮点击出现弹层弹层中加载表单的实例

1.html代码片段<div class="layui-input-inline"> <button type="button" οnclick="selectRole()" class="layui-btn layui-btn-primary layui-btn-radius">选择角...

2020-05-27

59浏览

0评论

webpack 如何解析代码模块路径的实现

前言webpack是如何解析代码模块路径webpack 中有一个很关键的模块 enhanced-resolve 就是处理依赖模块路径的解析的，这个模块可以说是 Node.js 那一套模块路径解析的增强版本...

2020-05-27

144浏览

0评论

深入浅出vue图片路径的实现

基础
1.webpack打包本质
本质就是nodejs去执行webpack脚本，由webpack脚本对项目各个文件进行必要的编译(通俗而言即字符串处理)，再输出到某个目录
2.import from 和require
we...

2020-05-27

90浏览

0评论

微信小程序JS加载esmap地图的实例详解

一、在微信小程序里显示室内三维地图需要满足的两个条件调用ESMap室内地图需要用到小程序web-view组件，想要通过 web-view 调用ESMap室内地图需要满足以下 2 个条件：1. 小程...

2020-05-27

146浏览

0评论

微信小程序tab切换可滑动切换导航栏跟随滚动实现代码

简介看到今日头条小程序页面可以滑动切换，而且tab导航条也会跟着滚动，点击tab导航，页面滑动，切导航栏也会跟着滚动，就想着要怎么实现这个功能像商城类商品类目如果做成左右滑动切...

2020-05-27

200浏览

0评论

解决layui数据表格table的横向滚动条显示问题

加上这段样式代码就可以解决了：<link type="text/css" rel="stylesheet" href="layui/css/layui.css" rel="external nofollow" /><style> body{overflow-y: scroll;} /* 禁...

2020-05-27

63浏览

0评论

解决layui表格的表头不滚动的问题

步奏：1、设置两个table，第一个table有thead没有tbody，第二个table有tbody没有table；2、第二个table需要一个div包住，并设置宽高，可用绝对布局3、tr下的th和td需要设置相同的宽度实...

2020-05-27

69浏览

0评论

Layui 数据表格批量删除和多条件搜索的实例

layui数据表格批量删除多条件搜索框：注样式自己写<div class="demoTable" style="width: 968px; margin:20px auto;color: #7185a2"> 流水号： <div class="layui-inline...

2020-05-27

35浏览

0评论

Vue实现商品详情页的评价列表功能

本篇我们来实现商品详情页的评价列表。必要的数据这里咱们举一个数据的例子，明明白白地了解这些数据是如何绑定到模板中的。数据来自于Foods父组件，当我们选中商品，跳转到商品...

2020-05-27

64浏览

0评论

layui table数据修改的回显方法

实现的样式给你们看一波点击这锅按钮其实回显就是一个赋值的操作，先把form表单的那些input 框的id拿到，在展示成功的那里进行绑值 table.on('tool(test)', function(obj) { va...

2020-05-27

86浏览

0评论

layui-table对返回的数据进行转变显示的实例

在使用layui表格时，在ajax请求回来的数据，有时候需要我们处理之后显示1.比如性别sex这个字段，后台可能返回的是1.或者 2；那我们总不能显示1.和 2，我们需要显示男和女，这里就用到了...

2020-05-27

69浏览

0评论

layui 对弹窗 form表单赋值的实现方法

目的：点击编辑按钮实现数据回显到弹出子页面表单内。如下图：Html 代码：<body> <div class="layui-form" lay-filter="useradmin" id="useradmin"> <div class="layui-fo...

2020-05-27

46浏览

0评论

Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制

思路：动态路由实现:在导航守卫中判断用户是否有用户信息，通过调用接口，拿到后台根据用户角色生成的菜单树，格式化菜单树结构信息并递归生成层级路由表并使用Vuex保存，通过 r...

2020-05-27

87浏览

0评论

vue中如何实现后台管理系统的权限控制的方法步骤

一、前言在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细：接口访问的权限控制页面的权限控制菜...

2020-05-27

68浏览

0评论

layui 实现table翻页滚动条位置保持不变的例子

最近使用了layui table但是发现了一系列问题，由于被封装过不好自己修改，比如翻页后滑动条每次都会复位，导致体验不好，通过调试，我发现layui table并没有给div加id标签，我通过class...

2020-05-27

104浏览

0评论

javascript之分片上传，断点续传的实际项目实现详解

总所周知，上传大文件时由于各种原因突然中断，然后整个文件需要从头开始上传，这种情况非常令人抓狂??，那么怎样才可以避免这种尴尬的情况呢？分片上传或许可以搞定这个痛点...

2020-05-27

103浏览

0评论

利用d3.js制作连线动画图与编辑器的方法实例

连线动画图编辑器
效果如上图所示。
本项目使用主要d3.jsv4制作，分两部分，一个是实际展示的连线动画图，另一个是管理人员使用鼠标编辑连线的页面。对于d3.js如何引入图片，如何画...

2020-05-27

60浏览

0评论

BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑

BootStrapValidator表单验证插件的坑还真不少，又让我碰上一个...BootStrapValidator验证的表单中只可有一个 type="submit" 的按钮。我这样写了之后（代码如下），点击其它按钮...

2020-05-27

55浏览

0评论

使用easyui从servlet传递json数据到前端页面的两种方法

两种方法获取的数据在servlet层传递的方法相同，下面为Servlet中代码，以查询表中所有信息为例。//重写doGet方法protected void doGet(HttpServletRequest request, HttpServl...

2020-05-27

89浏览

0评论

Layui数据表格跳转到指定页的实现方法

1.获取数据表格下分页组件中的页码输入框，具体元素在Elements中位置如下2.获取上述input并设置其value属性值为目标跳转页面页码$(".layui-laypage-skip").find("input").val...

2020-05-27

69浏览

0评论

layer.js open 隐藏滚动条的例子

我就废话不多说了，直接上代码让大家看看吧！$('img.echart-trand').click(function() { var host = $(this).data('host'); var role = $(this).data('role'); console.log('...

2020-05-27

51浏览

0评论

JavaScript基础之this和箭头函数详析

箭头函数不会创建自己的this,它只会从自己的作用域链的上一层继承this。
由于箭头函数没有自己的this指针，通过 call() 或 apply() 方法调用一个函数时，只能传递参数（不能绑定t...

2020-05-27

46浏览

0评论

layer.open弹层查看缩略图的原图,自适应大小的实例

很多时候需要查看缩略图的原图，那么layer.open是一个不错的选择直接上代码//查看原图 function showImg(url){ //alert(url); var img_infor = "<img src='" + url + "' />";...

2020-05-27

111浏览

0评论

在layui中layer弹出层点击事件无效的解决方法

1、click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事件的2、而(document).on(“click”,”指定的元素”,function());方法则是将指定的事件绑定在d...

2020-05-27

57浏览

0评论

layer.open的自适应及居中及子页面标题的修改方法

layer.open的自适应：var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.iframeAuto(index);layer.open居中：var index1 =...

2020-05-27

864浏览

0评论

vue.js+elementUI实现点击左右箭头切换头像功能（类似轮播图效果）

1.效果图如下2.vue代码如下<el-carousel type="card" arrow="always" :loop="false" :initial-index="1" indicator-position="none" :autoplay="false"> <el-carouse...

2020-05-27

134浏览

0评论

React路由鉴权的实现方法

前言上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对 vue 和 react 做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多...

2020-05-27

38浏览

0评论

一文看懂如何简单实现节流函数和防抖函数

前言在日常开发中有很多场景我们都需要用到节流函数和防抖函数，比如：实现输入框的模糊查询因为需要轮询ajax，影响浏览器性能，所以需要用到节流函数；实现手机号、姓名之类的的验证...

2020-05-27

153浏览

0评论

vue实现手机号码的校验实例代码（防抖函数的应用场景）

前言上一篇博文我们讲到了节流函数的应用场景，我们知道了节流函数可以用在模糊查询、scroller、onresize等场景；今天这篇我们来讲防抖函数的应用场景：：通过上一篇博文的学习，我们...

2020-05-27

91浏览

0评论

vue使用i18n实现国际化的方法详解

一、前言
在4k广告机中需要实现多语言切换，这时候接触到国际化，前端框架无数，其中几种热门的框架都有相匹配的国际化插件工具。比如： vue + vue-i18n angular + angular-trans...

2020-05-27

50浏览

0评论

layer实现弹出层自动调节位置

项目中有弹出层的内容是不固定的，根据情况可能变长变短，于是就要求做layer弹出层的大小自适应，查询了api后发现layer.iframeAuto方法可以实现，这里吐槽一点，ie浏览器的html没有被...

2020-05-27

67浏览

0评论

JS中比Switch...Case更优雅的多条件判断写法

前言
前几天，本人负责编写网站上线的环境判断功能，其中涉及到大量多条件判断的code。对于多条件判断写法，大部分程序员都是采用if...else if...else或者switch...case的写法，但...

2020-05-27

48浏览

0评论

解决layer.msg 不居中 ifram中的问题

在ifram中layer.alert 只展示当前页面如何让弹框在整个页面中展示而不是在ifram中parent.parent.layer.alert('请输入预约人');本以为这样就可以在主页面中还需要引入laye...

2020-05-27

63浏览

0评论

layui多iframe页面控制定时器运行的方法

我们web页面中有几个页面是有定时器在刷新的，并且查询的内容还不少，给服务器造成了不少压力。这些接口已经尽量优化，能放到缓存的都放到缓存。然后主管又提了一个需求，就是我们...

2020-05-27

66浏览

0评论

如何阻止小程序遮罩层下方图层滚动

这篇文章主要介绍了如何阻止小程序遮罩层下方图层滚动,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下原因是因为：touchm...

2020-05-27

39浏览

0评论

layui动态加载多表头的实例

效果动态生成header返回的header数据：格式为数组，因为是二级表头，所以是二元数组后台动态拼接数组，返回数组后把两个数组push到一个空数组中就可以组成一个动态的多级表头var he...

2020-05-27

热门文章