111浏览

0评论

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

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

• 2020-05-27

100浏览

0评论

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

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

• 2020-05-27

75浏览

0评论

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

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

• 2020-05-27

82浏览

0评论

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

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

• 2020-05-27

143浏览

0评论

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

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

• 2020-05-27

91浏览

0评论

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

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

• 2020-05-27

888浏览

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

168浏览

0评论

React路由鉴权的实现方法

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

• 2020-05-27

72浏览

0评论

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

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

• 2020-05-27

180浏览

0评论

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

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

• 2020-05-27

120浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

107浏览

0评论

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

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

• 2020-05-27

76浏览

0评论

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

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

• 2020-05-27

89浏览

0评论

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

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

• 2020-05-27

104浏览

0评论

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

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

• 2020-05-27

64浏览

0评论

layui动态加载多表头的实例

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

• 2020-05-27

83浏览

0评论

微信小程序下拉加载和上拉刷新两种实现方法详解

方法一：onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新首先要在json文件里设置window属性设置js里onPullDownRefresh和onReachBottom方法下拉加载说明：当...

• 2020-05-27

80浏览

0评论

layui table去掉右侧滑动条的实现方法

使用layui table后，table会自动有一个滑动条，使用时需要去掉，原理如下：定义一个tab的父div id，在这个id中寻找 class为 layui-table-main，layui-form的标签，将高度设置为100%即可。...

• 2020-05-27

110浏览

0评论

微信小程序HTTP接口请求封装代码实例

1.方法封装（新建文件夹util，工具文件，在文件夹下创建request.js文件，用于对方法封装）
request.js：var app = getApp();//项目URL相同部分，减轻代码量，同时方便项目迁移//这里因为我...

• 2020-05-27

76浏览

0评论

layui table设置某一行的字体颜色方法

table自带的可以设置某一个单元格颜色，必须根据内容来修改，对于很多列同时修改并不方便，直接使用js操作比较简单。首先自定义一个div，内部存放table，根据class找到table，然后找到...

• 2020-05-27

86浏览

0评论

JavaScript获取某一天所在的星期

导语： 如何获取今天或者某一天所在星期的开始和结束日期，或者如何获取整个星期的日期我们会遇到的需求的是，获取今天或者某一天所在星期的开始和结束日期。我们这里来获取今天...

• 2020-05-27

72浏览

0评论

vue draggable resizable gorkys与v-chart使用与总结

实现效果:实现图表的二次封装以及表格的自由拖动,缩放功能先贴出两个组件的地址:vue-draggable-resizable-gorkys
v-chart图标的二次封装这里我们先做一个简单的封装比如标...

• 2020-05-27

133浏览

0评论

关于JS解构的5种有趣用法

前言原文标题：5 Interesting Uses of JavaScript Destructuring原文链接：dmitripavlutin.com/5-interesti…定期回顾我写的JS代码，我发现解构运算无处不在。
获取对象的属性和...

• 2020-05-27

75浏览

0评论

vue路由守卫及路由守卫无限循环问题详析

先贴一波官方文档的内容
const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是...

• 2020-05-27

185浏览

0评论

Vue.js如何使用Socket.IO的示例代码

在很多需求业务中，都需要浏览器和服务器实时通信来实现功能，比如：扫码登录(扫码后，手机确认登录，PC网页完成登录并跳转)、订单语言提醒等，这些都是建立在两端实时通信的基础上的。...

• 2020-05-27

190浏览

0评论

VsCode与Node.js知识点详解

1.下载及安装node.js下载:http://nodejs.cn/download/安装:指定安装目录,安装即可.环境变量会自动配置 验证: 2.下载及安装VsCode指定安装目录: 注意 : 环境变量也...

• 2020-05-27

140浏览

0评论

a标签调用js的方法总结

a标签点击事件方法汇总<a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。
这里的href=...

• 2020-05-27

189浏览

0评论

JavaScript 截取字符串代码实例

这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<script>...

• 2020-05-27

126浏览

0评论

layui的面包屑或者表单不显示的解决方法

如下所示：页面上显示空白 是因为加了hidden；让我们去查查官方文档官方是这样描述的当你使用表单时，Layui会对select、checkbox、radio等原始元素隐藏，从而进行美化修饰处理。...

• 2020-05-27

98浏览

0评论

解决layui的使用以及针对select、radio等表单组件不显示的问题

layui是国内一款界面比较整洁大方的ui框架，里面封装了很多前端开发常用的组件，通常我们直接复制代码过去就可以实现效果，可以提高我们的开发效率。使用步骤：1、下载layui：https:/...

• 2020-05-27

102浏览

0评论

layui中select，radio设置不生效的解决方法

废话不多说，大家来看吧！ <button class="layui-btn layui-btn-radius" layadmin-event="edit"> <i class="layui-icon">&#xe640;</i>编辑</button>点击编辑取消disabled$(...

• 2020-05-27

69浏览

0评论

layer 刷新某个页面的实现方法

一：使用layer.open打开的子页面window.parent.location.reload()//刷新父页面var index = parent.layer.getFrameIndex(window.name)//获取窗口索引parent.layer.close(index...

• 2020-05-27

71浏览

0评论

layui表单验证select下拉框实现验证的方法

layui 的form表单里的select 一开始以为加上lay-verify="required"就可以验证不空了,可是反复试了几次都不能验证代码如下：<div class="layui-form-item"> <label class="la...

• 2020-05-27

88浏览

0评论

layui select 禁止点击的实现方法

直接上代码啦注意事项：1. 必须写 layui.use([form])2. 先把属性设置为disabled3. 再form.render（）一下以上这篇layui select 禁止点击的实现方法就是小编分享给大家的全部内容...

• 2020-05-27

77浏览

0评论

在layui中select更改后生效的方法

在layui中重新渲染表单这一步比较重要，部分表单元素需要重新渲染后才能生效，例如select建议在js中放入以下function： //重新渲染表单 function renderForm(){ layui.us...

• 2020-05-27

82浏览

0评论

vue中 this.$set的用法详解

当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。<template> <div id="app"> <p v-for="...

• 2020-05-27

84浏览

0评论

layui表格 列自动适应大小失效的解决方法

如下所示：从官网复制的表格，修改成自适应宽度后失效，原因如下：以上这篇layui表格 列自动适应大小失效的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家...

• 2020-05-27

104浏览

0评论

layui表格内容溢出的解决方法

引言，我做文章管理的时候，引入的是layui的表格样式，但是里面的内容溢出无法隐藏，后来我采用了往td里面加了个<div></div>然后设置一下样式就可以了。
<table class="layui-tabl...

• 2020-05-27

74浏览

0评论

layui关闭层级、简单监听的实例

弹出一个小页面input代码如下 /*监听工具条*/ table.on('tool(test)', function(obj){ var data = obj.data; /*获得当前行数据*/ var layEvent = obj.event; /*获得 lay...

• 2020-05-27

81浏览

0评论

layui关闭弹窗后刷新主页面和当前更改项的例子

如下所示： function open(t){ var id = $(t).attr("data-id"); var url = "{:U('home/.../...')}&id="+id; //弹出层 layer.open({ ... content: url...

• 2020-05-27

107浏览

0评论

使用layui的router来进行传参的实现方法

如果我们需要通过链接传参的话，我们需要使用使用url+/#/参数如下面代码我要传参id,edit/#/id=1就可以传参成功了 $(document).on('click', '#edit', function(data) { va...

• 2020-05-27

107浏览

0评论

layui type2 通过url给iframe子页面传值的例子

A页面 调用layui.layer.open layui.use(["layer"], function () { layui.layer.open({ type: 2, title: "管理角色拥有的部门",...

• 2020-05-27

189浏览

0评论

Nuxt.js实现一个SSR的前端博客的示例代码

为什么要用Nuxt.js公司现有的项目只有落地页是通过前端本身server读取pug文件进行服务端渲染的，当然是为了首屏加载速度以及SEO。Nuxt.js 是一个基于Vue.js的通用应用框架，预...

• 2020-05-27

85浏览

0评论

在layui下对元素进行事件绑定的实例

要注意的是记得要先引用element操作模块 ，否则是无法绑定的格式：$(document).on(事件，标识，function(){}); layui.use(['jquery', 'form', 'table', 'element'], function() {...

• 2020-05-27

116浏览

0评论

对layui中的onevent 和event的使用详解

这是官方文档的说明 layui.onevent(modName, events, callback) 自定义模块事件，属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块...

• 2020-05-27

86浏览

0评论

微信小程序 组件的外部样式externalClasses使用详解

启用外部样式：自定义组件：v-tag在html 引入在组件写外部样式的css :.ex-tag { background-color: #fffbdd ;}在组件使用该外部的样式这个时候我们发现没有效果我们应该使用！imp...

• 2020-05-27

90浏览

0评论

vue-cli3跨域配置的简单方法

vue-cli3跨域配置：
在vue-resource的数据请求中，一般我们会将请求方式GET/POST修改为jsonp的请求方式就可以实现跨域。
但是对于只支持GET/POST两种请求方式的api，修改jsonp，就...

• 2020-05-27

95浏览

0评论

layui 弹出删除确认界面的实例

列表HTML：data-id="{$ls['sid']}" 和class=" del"<td> <a href="{:U('Single/single',['sid'=>$ls['sid']])}" rel="external nofollow" class="layui-btn layui-btn-mini...

• 2020-05-27

74浏览

0评论

layui button 按钮弹出提示窗口,确定才进行的方法

如下所示：<button lay-id="{$id}" class='layui-btn layui-btn-normal correct_finish' οnclick="return confirm("确定试卷所有题目都批改完吗&#63;一但确定就不能再批改！")...

• 2020-05-27