136浏览

0评论

layui的表单提交以及验证和修改弹框的实例

HTML <div class="layui-form"> <input type="text" class="txt" name="newName" lay-verify="newName" lay-verType="tips" placeholder="请输入姓名"> <input type="text...

• 2020-05-27

119浏览

0评论

layui原生表单验证的实例

在网上看到很多validform和layer配合的验证方式，但是觉得写的不好，不清不楚的，于是研究了一下layui原生的验证1. 在需要验证的item上加 lay-verify=“value” ，在提交按钮上加 l...

• 2020-05-27

230浏览

0评论

关于layui表单中按钮自动提交的解决方法

layui表单中的按钮会自动提交，这是一个很麻烦的事情。这几天项目中多次用到表单按钮，仔细研究了下，找到了解决方法：1、如果不需要放在表单中的按钮，最好不要放在表单中，不在layui...

• 2020-05-27

98浏览

0评论

vue给对象动态添加属性和值的实例

一、背景介绍：在vue中请求接口中，一个请求方法可能对应后台两个请求接口，所以请求参数就会有所不同。需要我们先设置共同的参数，然后根据条件动态添加参数属性。二、案例let tha...

• 2020-05-27

94浏览

0评论

解决layui弹框失效的问题

之前一直用layer弹框组件一直出现这个layer.js:2 Uncaught TypeError: i is not a function
at Object.o.run (layer.js:2)
at layer.js:2
at layer.js:2
at layer.js:2问题...

• 2020-05-27

125浏览

0评论

解决layer弹出层中表单不起作用的问题

如下所示：var html = '<form class="layui-form" action="">' + '<div class="layui-form-item"><label class="layui-form-label">角色名</label><div class="layui-input...

• 2020-05-27

106浏览

0评论

关于layui 弹出层一闪而过就消失的解决方法

听说是因为 JQuery 的版本冲突问题，在找到具体问题之前，先在代码里加一个 return false 解决问题；<button class="layui-btn" lay-submit lay-filter="test" οnclick="return...

• 2020-05-27

106浏览

0评论

防止Layui form表单重复提交的实现方法

在提交表单数据时，提交按钮为 submit 类型，以layui为js框架时，会重复提交表单数据，为防止这一情况，有效的做法是：在<form>里面，加上 lay-filter="formConfig" , οnsubmit="return...

• 2020-05-27

110浏览

0评论

解决layer.open弹出框不能获取input框的值为空的问题

最近使用layer框架来做页面弹出框操作。总是不能获取弹出框中input的值，代码如下：红色标记区域添加js代码 //Ajax添加品牌 function addBrandWI(){ layer.open({ type: 0, t...

• 2020-05-27

123浏览

0评论

解决layui的input独占一行的问题

1.input标签独占一行，与button标签无法同行显示（使用position属性进行设置，position属性详见。）解决方法：一.对button的position进行设置，使之与input同行。二.将input与button放...

• 2020-05-27

155浏览

0评论

npm 语义版本控制详解

场景引入开发时，经常需要依赖一些模块（包），我们进行了下载之后，便一直在该版本的模块环境下进行开发，但是线上的服务器（其他开发者）一般都是根据依赖来配置文件，重新下载各个模块，但是...

• 2020-05-27

320浏览

0评论

VScode格式化ESlint方法(最全最好用方法)

ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。背景：
近来研究前端，然后一直在百度上找VScode格式化（ESlint）的插件，结果找了半天都不靠谱。目前没有一个可以格式...

• 2020-05-27

115浏览

0评论

layer.open回调获取弹出层参数的实现方法

如下所示：layer.open({ type : 2, title : '重命名', maxmin : true, shadeClose : true, // 点击遮罩关闭层 area : [ '200px', '150px' ], content : getContext() +...

• 2020-05-27

575浏览

0评论

vscode中eslint插件的配置（prettier配置无效）

用vue-cli构建vue项目，会有个eslint代码检测的安装可vscode自带代码格式化是prettier格式（右键有格式化文件或alt+shift+f）这时候要在vscode上装一个eslint插件装完后在文件---...

• 2020-05-27

119浏览

0评论

原生js基于canvas实现一个简单的前端截图工具代码实例

这篇文章主要介绍了原生js基于canvas实现一个简单的前端截图工具代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考...

• 2020-05-27

119浏览

0评论

layui表格 返回的数据状态异常的解决方法

最近用到了layui表格组件,结果发现数据返回状态异常 在网上查询了下是因为需要转成固定个格式然而layui的table默认返回的数据格式为：response: { //定义后端 json 格式，详细...

• 2020-05-27

155浏览

0评论

Node.js使用MongoDB的ObjectId作为查询条件的方法

当往MongoDB中插入一条数据时，会自动生成ObjectId作为数据的主键。 那么如何通过ObjectId来做数据的唯一查询呢？在MongoDB中插入一条数据
在MongoDB中插入一条如下结构的数据：{...

• 2020-05-27

177浏览

0评论

在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法

最近，在项目中使用到了layer。layer的弹层组件可以说是非常好用，layer 至今仍作为 layui 的代表作。在项目中，需要实现一个在表格里面点击操作，然后弹出layer层，将父层表格的行值...

• 2020-05-27

120浏览

0评论

layer弹出层自定义提交取消按钮的例子

首先从js开始/** * 检查是否选中 */Sendandre.check = function () { var selected = $('#' + this.id).bootstrapTable('getSelections'); if (selected.length === 0) {...

• 2020-05-27

96浏览

0评论

layui下拉框获取下拉值(select)的例子

如下所示： <script type="text/javascript"> $(document).ready(function () { layui.use('form', function(){ var form = layui.form; form.render(); form....

• 2020-05-27

108浏览

0评论

解决layui-open关闭自身窗口的问题

如下所示：1、这里的弹窗弹出来的是一个页面，经过了后台才弹出来的一个页面1.1、弹窗的实现1.1.1、 js 部分 function getArticleById(articleId){ var index = layer.open({...

• 2020-05-27

115浏览

0评论

layui导出所有数据的例子

layui自带的导出，是导出当前页的数据，以下方法是导出所有数据<button class="layui-btn layui-btn layui-btn-warm" οnclick="excl_rep()">导出</button>//导出function excl...

• 2020-05-27

156浏览

0评论

es6中reduce的基本使用方法

前言为啥要把es6 中 reduce 单独拿出来说呢，因为这个功能实在太骚，值得如此。
reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce...

• 2020-05-27

112浏览

0评论

layui监听工具栏的实例(操作列表按钮)

废话不多说，直接上代码吧！<table id="demo" lay-filter="test"></table><script type="text/html" id="barDemo"> <a class="layui-btn layui-btn-xs" lay-event="edit">查看...

• 2020-05-27

248浏览

0评论

layui表格内放置图片,并点击放大的实例

我就废话不多说了，直接上代码吧！cols: [[ //表头 { field: 'brand_img_url', title: '图片', sort: true, templet: function(d){ return '<div...

• 2020-05-27

138浏览

0评论

js中console在一行内打印字符串和对象的方法

在前端开发中，大多数的调试一般都是F12中的console和network中查看请求数据和响应数据，也有一部分人喜欢用debugger。在开发大一些的项目时，在开发环境下，打开着控制台，切换一下...

• 2020-05-27

174浏览

0评论

微信小程序实现pdf、word等格式文件上传的方法

目前微信只支持从聊天记录里面获取文件一.前言
目前微信提供了一个接口 wx.chooseMessageFile 它能让用户从聊天记录里面选择一个或者多个文件,然后返回它的一些信息,列...

• 2020-05-27

90浏览

0评论

js获取 gif 的帧数的代码实例

使用 javascript 获取 GIF 图的帧数，如果帧数过大，则不让传到服务器这里是使用一个插件： github地址为： https://github.com/buzzfeed/libgif-js<!DOCTYPE html><html> <head>...

• 2020-05-27

153浏览

0评论

如何通过shell脚本自动生成vue文件详解

前言最近在写nuxt项目时候每次新建页面都要去新建然后引入各种需要的依赖很是麻烦，所以想写一个脚本自动生成文件 省去手动新建
现写下实现方法 给大家参考Mac下可直接运行
W...

• 2020-05-27

136浏览

0评论

Elasticsearch实现复合查询高亮结果功能

一.Es的配置实现es的全文检索功能的第一步,首先从与es进行连接开始,这里我使用的是es的5.x java api语法.public TransportClient esClient() throws UnknownHostException{...

• 2020-05-27

140浏览

0评论

html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】

电脑和手机移动端都适用的jQuery拖动滑块图片拼图验证码插件，通过鼠标拖动或触屏滑动填充拼图来进行安全验证，点击刷新可以更换当前待验证的图片。HTML & css：<!DOCTYPE html><...

• 2020-05-27

102浏览

0评论

5分钟教你用nodeJS手写一个mock数据服务器的方法

对于前端开发者而言，javascript正扮演着越来越重要的地位，它不仅能为浏览器端赋能，在web服务器方面也有很大的价值（我们可以用nodeJS来写服务端代码，启动web服务器），因此本文所要描...

• 2020-05-27

126浏览

0评论

使用js实现一个简单的滚动条过程解析

当我们给元素加上 overflow: auto; 的时候，就会出现滚动条，然而浏览的不同，滚动条的样式大不一样，有些甚至非常丑。于是就想着自己写一个滚动条，大概需要弄清楚一下这几个点：1、滚...

• 2020-05-27

156浏览

0评论

js神秘的电报密码 哈弗曼编码实现

这篇文章主要介绍了js神秘的电报密码 哈弗曼编码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下哈夫曼编码，根据每个单...

• 2020-05-27

135浏览

0评论

Vue+Koa2+mongoose写一个像素绘板的实现方法

前言
GitHub： server | 前端
为什么是绘板：v2ex
作为一名前端，总会有意无意接触到 NodeJS 、有意无意会去看文档、有意无意会注意到框架，但真当需要我们需要在工作中善用它时，多...

• 2020-05-27

172浏览

0评论

微信提示 在浏览器打开 效果实现过程解析

概述大体思路是这样的：先建一个蒙版，蒙版放上提示的信息，然后写一个js，在页面打开的时候判断是不是用微信自带的浏览器打开的，如果是就打开蒙版，提示用浏览器打开.基本页面
<!DOCT...

• 2020-05-27

174浏览

0评论

layui给下拉框、按钮状态、时间赋初始值的方法

如下所示：<!--弹框的dom结构--><div id="add_activity"> <div style="width: 95%;height: 100%;margin: auto;"> <form class="layui-form" lay-filter="formTest"> <tabl...

• 2020-05-27

198浏览

0评论

浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)

若是只引用jquery的话，监听单选按钮改变事件如下：<input type="radio" name="sex" checked="checked" value="1">男<input type="radio" name="sex" value="2">女$(document)....

• 2020-05-27

228浏览

0评论

使用layui实现的左侧菜单栏以及动态操作tab项方法

首先说一下左侧菜单栏这是一个最基本的左侧菜单栏，实现的过程很简单，官方的说明文档就有，但是我在导入layer.js之后，直接复制这段官方代码到我的编辑器上时，发现页面是这样的：发现...

• 2020-05-27

117浏览

0评论

layui固定下拉框的显示条数(有滚动条)的方法

在css中加入下面代码：<style> .layui-form-select dl { max-height:200px; }</style>以上这篇layui固定下拉框的显示条数(有滚动条)的方法就是小编分享给大家的全部内容了，希...

• 2020-05-27

119浏览

0评论

修改layui的后台模板的左侧导航栏可以伸缩的方法

原生的左侧导航栏代码：<div class="layui-side layui-bg-black"> <div class="layui-side-scroll"> <!-- 左侧导航区域（可配合layui已有的垂直导航） --> <ul class="layui...

• 2020-05-27

98浏览

0评论

使用layui+ajax实现简单的菜单权限管理及排序的方法

**简单的例子使用的layui框架，并没有使用他的ztree插件，只用ajax配合sql完成最简单的一二级菜单权限控制及其排序功能。先看数据库设计：**user表： role表：menu表：user_role表：role_...

• 2020-05-27

117浏览

0评论

Vue项目中使用better-scroll实现菜单映射功能方法

组件全部代码
<template><div class="goods"> <!--左侧区域--> <div class="menu-wrapper" ref="left"> <ul class="menu"> <li class="menu-item border-bottom"...

• 2020-05-27

160浏览

0评论

JS模拟浏览器实现全局搜索功能

需要像浏览器的全局搜索一样，搜索指定模块的对应值，然后将匹配到的内容添加背景颜色等。思路
需要取到当前指定区域的所有内容
然后在取到的内容中找到搜索的内容加上对...

• 2020-05-27

149浏览

0评论

layui操作列按钮个数和文字颜色的判断实例

一、达到的效果如图，通过值去判断是否需要该按钮 cols: [[ //表头 {field: 'money', title: '操作',toolbar: '#barDemos'} ]]<script type="text/html" id="barDemos"> {{#...

• 2020-05-27

124浏览

0评论

layer ui插件显示tips时,修改字体颜色的实现方法

今天做调查问卷，又遇到一个蛋疼小问题，记录下。调查问卷有很多选项是要求必填的，如果不填的话，需要给出友好的提示。用的如下组件：http://layer.layui.com/1、之前一直默认用的：<s...

• 2020-05-27

130浏览

0评论

layui实现鼠标移动到单元格上显示数据的方法

如下所示：{field : 'operNm',//title是纯文本 title : '<span title="用户姓名">用户姓名</span>',width : 150,align : 'center',//下面的是从数据库里取出来的数据 templet...

• 2020-05-27

154浏览

0评论

浅谈layer弹出层按钮颜色修改方法

layer弹出层有多种格式的弹出，使用方法也不细述。在弹出确认框可使用confirm或open方式在open中layer.open({ content: '确认提交？', btn: ["确认", "取消"], yes: functio...

• 2020-05-27

124浏览

0评论

如何实现一个简易版的vuex持久化工具

背景
最近用uni-app开发小程序项目时，部分需要持久化的内容没法像其他vuex中的state那样调用，所以想着自己实现一下类似vuex-persistedstate插件的功能，貌似代码量也不会很大初...

• 2020-05-27

114浏览

0评论

layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子

layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/可以从官网上下载最新版本.使用layer实现登录弹框，登录成功以后关闭弹框，并调用父窗口方法。1.界...

• 2020-05-27