108浏览

0评论

layui table 多行删除(id获取)的方法

如下所示：<button class="layui-btn layui-btn-danger" data-type="getid" οnclick="delAll()">删除所有选中行</button>js：table.on('checkbox(table)', function(obj){ var...

• 2020-05-27

189浏览

0评论

layui清空,重置表单数据的实例

最近在使用layui框架，在页面进行表单数据提交后，要是页面表单数据清空，依是有下面方法表单：<form class="layui-form" action="" lay-filter="addGoodsForm" id="addGoodsForm">...

• 2020-05-27

128浏览

0评论

小程序如何支持使用 async/await详解

前言
小程序本身是不支持async/await语法的，但有些应用场景，我们使用async/await会使得代码更简洁，也更易于维护，用过都知道是有多爽的。既然小程序不支持，那我们可以借助 fackbo...

• 2020-05-27

106浏览

0评论

layui点击数据表格添加或删除一行的例子

数据表格t2 = { elem: '#test2', data: tableData2, page: false, width: $(parent.window).width()-50, cols: [[ {type:'checkbox',fiel...

• 2020-05-27

106浏览

0评论

layui 对table中的数据进行转义的实例

方法一 通过done回调进行遍历：//方法级渲染 table.render({ id: 'demoList', elem: '#demoList' , url: 'showDemoList' , cols: [[ {checkbo...

• 2020-05-27

146浏览

0评论

Node.JS用纯JavaScript生成图片或滑块式验证码功能

有一些Node.JS图片生成类库，比如node-captcha等的类库，需要c/c++程序生成图片。跨平台部署不是很方便。这里介绍几个用纯JS实现的图片验证码生成模块。captchapng用纯JavaScri...

• 2020-05-27

124浏览

0评论

基于JavaScript 实现拖放功能

HTML 的拖放 API 依赖 DOM 事件模型，获取拖放和放置元素的相关信息，以此实现拖放功能。我们只需要注册很少几个事件监听器，就能把任何元素变成可拖动或可放置的。拖放 API 除了...

• 2020-05-27

115浏览

0评论

微信小程序页面调用自定义组件内的事件详解

这篇文章主要介绍了微信小程序页面调用自定义组件内的事件详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下page
pag...

• 2020-05-27

139浏览

0评论

JavaScript和TypeScript中的void的具体使用

如果你来自传统的强类型语言，可能会很熟悉 void 的概念：一种类型，告诉你函数和方法在调用时不返回任何内容。void 作为运算符存在于 JavaScript 中，而作为基本类型存在于 TypeSc...

• 2020-05-27

152浏览

0评论

js 根据对象数组中的属性进行排序实现代码

这篇文章主要介绍了js 根据对象数组中的属性进行排序实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下v...

• 2020-05-27

163浏览

0评论

记录vue做微信自定义分享的一些问题

前言
众所周知，在使用vue做项目的时候，微信自定义分享一直是一个坑，只是ios上坑明显的多。
然后每次遇到问题都要度娘很久。
奇怪的是貌似和很多人遇到的问题一样，但是他们写的...

• 2020-05-27

137浏览

0评论

layer提示框添加多个按钮选择的实例

如下所示：function jumpChoose(argu) { //询问框 var index = layer.confirm('下载文件还是在线预览呢？', { btn: ['在线预览','下载',"关闭"], //按钮 shade: false //不显...

• 2020-05-27

218浏览

0评论

改变layer confirm弹窗按钮的颜色方法

原来的颜色：改造后的颜色：js: layer.confirm("您选的时间是：xxxx", { title : "预约时间确认", skin : "my-skin", btn : [ '确定', '取消' ]//按钮 }, function(index) {...

• 2020-05-27

133浏览

0评论

layer iframe 设置关闭按钮的方法

如下所示：layer.open({ type: 2, title: 'XXXX网吧历史更多数据', shade:0, // closeBtn:0, resize:false, move:false, shadeClose: true, //点击遮罩关闭层 area : ['800px...

• 2020-05-27

182浏览

0评论

浅谈bootstrap layer.open中end的使用方法

遇到一个问题：点击layer弹出层中的按钮之后，完成一系列操作，弹出层自我关闭并在父界面弹出一句提示。简单查找了一下，发现了layer.open中的end。end - 层销毁后触发的回调类型：Fu...

• 2020-05-27

177浏览

0评论

使用layer.msg 时间设置不起作用的解决方法

前几天使用layer.msg设置时间后发现不起作用，这里记录一下。开始出错误的代码：后面查看文档后得知调用layer.msg后如果有后续操作需要写在function()中：//eg1layer.msg('只想弱...

• 2020-05-27

177浏览

0评论

layer.msg()去掉默认时间,实现手动关闭的方法

在layer.msg中，可以通过time来更改时间，但是总会关闭，设置一个很长的时间又显得不专业，有没有方法，设置其不默认关闭，就像layer.load 方法一样。答案是有的。毕竟layer 已经足够完...

• 2020-05-27

160浏览

0评论

深入了解JavaScript 防抖和节流

概述
说明
在项目过程中，经常会遇到一个按钮被多次点击并且多次调用对应处理函数的问题，而往往我们只需去调用一次处理函数即可。有时也会遇到需要在某一规则内有规律的去触发...

• 2020-05-27

134浏览

0评论

layui实现把数据表格时间戳转换为时间格式的例子

如下所示：<script type="text/javascript">function createTime(v){ var date = new Date(v); var y = date.getFullYear(); var m = date.getMonth()+1; m = m<10&#63;'0'+m...

• 2020-05-27

298浏览

0评论

使用VScode 插件debugger for chrome 调试react源码的方法

代码调试，是我们前端日常工作中不可或缺的能力了吧！
在面向dom开发的时代，我们开发时直接在chrome里打断点是很方便的。
但是，当我们面向组件开发时(react),浏览器拿到的是我们...

• 2020-05-27

210浏览

0评论

vue cli3 调用百度翻译API翻译页面的实现示例

首先说下，本人为在校大三狗一只，缺少实战开发经验，然后用语什么的也不标准，就按我自己的想法写的，有什么不对的地方欢迎指导指导哈然后直接开始吧在需要翻译的地方做上标记，这里用...

• 2020-05-27

105浏览

0评论

nodejs一个简单的文件服务器的创建方法

简单的文件服务器
有时候，我们想读取一些服务器上的文件，但是又不想写太复杂的程序，可以考虑用nodejs，可以很简单的写出一个文件服务器
下面是我写的一个简单的文件服务器，附带缓...

• 2020-05-27

148浏览

0评论

对layui初始化列表的CheckBox属性详解

通常layui前端页面完全按照layui官网的例子写所有的页面初始化都没有问题,但是那只是静态页面.当加入后台去动态加载页面的时候有写样式在初始化加载样式的时候始终加载不上...

• 2020-05-27

182浏览

0评论

layui表格数据复选框回显设置方法

layui2.3版本，本身并不带有复选框回显功能，那么需要从源头解决此事，F12代码调试，找到与复选框关联的地方发现：我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回...

• 2020-05-27

262浏览

0评论

layui-table表复选框勾选的所有行数据获取的例子

项目需求，可以用复选框勾选项目进行提交，如下表<table class="layui-table" lay-data="{url:'******', id:'test3'}" lay-filter="test3"> <thead> <tr> <th lay-data="{...

• 2020-05-27

123浏览

0评论

layui使用表格渲染获取行数据的例子

需求：使用前端框架layui生成表格，点击表格中一行数据中的按钮，获取到这行数据。解决办法：在render中增加字段：done: function (res, curr, count) { // $('.x-body').fin...

• 2020-05-27

106浏览

0评论

Layui表格行工具事件与数据回填方法

使用Layui数据表格实现行工具事件与Layui表单弹框与数据回填具体步骤如下：步骤一：布置行工具栏样式与数据表格初始化，代码如下:<script type="text/html" id="barDemo2"> <a...

• 2020-05-27

140浏览

0评论

VUE项目中加载已保存的笔记实例方法

现在笔记内容每次改变都会进行保存操作，我们需要在应用重新打开的时候恢复数据。这里
将使用 localStorage.getItem() API。将下面的代码添加到 JavaScript 文件的最后： 一个...

• 2020-05-27

94浏览

0评论

javascript合并两个数组最简单的实现方法

在开发的过程中，我们很多时候会遇到需要将两个数组合并成一个数组的情况出现。var arr1 = [1, 2, 3];var arr2 = [4, 5, 6];// 将arr1和arr2合并成为[1, 2, 3, 4, 5, 6]这里...

• 2020-05-27

127浏览

0评论

vue登录注册实例详解

步骤一
1.安装脚手架:npm install vue-cli -g
2.wepack生成html模版：vue init webpack ' 文件名'
3.安装axios、js-cookie、element-ui、stylus等等常用插件步骤二1.在main.j...

• 2020-05-27

104浏览

0评论

layui自己添加图片按钮并点击跳转页面的例子

1.按钮样式 <table class="layui-hide" id="test" lay-filter="menu-filter" style="margin: 0 10px;"></table><script type="text/html" id="toolbtn"> <a class="" lay-...

• 2020-05-27

170浏览

0评论

解决layer弹出层的内容页点击按钮跳转到新的页面问题

在参与的一个项目中，有一个这样的需求，导入基础数据成功后，默认弹出一个管理员登录页，点击登录按钮，需要跳到管理页面。导入页按钮：<button type="button" id="start" class="layu...

• 2020-05-27

196浏览

0评论

layui使用form表单实现post请求页面跳转的方法

如下所示：window.location.href='url&#63;param=' + paramValue;上面这种方式实现页面跳转附带参数，容易造成信息泄露；layui使用form表单实现post请求，避免信息泄露(设置form表...

• 2020-05-27

133浏览

0评论

Layui Form 自定义验证的实例代码

1.前台页面 <div class="layui-form-item"> <label class="layui-form-label">BOM编号</label> <div class="layui-input-block"> <input type="text" class="layui-inpu...

• 2020-05-27

196浏览

0评论

浅谈layui使用模板引擎动态渲染元素要注意的问题

摸索这个模板引擎碰到的问题，分享一下本人在实现使用laytpl实现动态渲染菜单，来减少静态代码时候碰到了，元素是成功渲染出来，但是折叠动画效果和点击事件都失效了，然后仔细看了一...

• 2020-05-27

147浏览

0评论

解决layui的form里的元素进行动态生成,验证失效的问题

这问题和使用layTpl动态生成页面问题类似，详细进入https://www.freexyz.cn/article/170000.htmform有点不同就是需要把需要执行form.render()而不是element.render()；进行渲染...

• 2020-05-27

121浏览

0评论

基于Layui自定义模块的使用方法详解

layui是一个极其不错的前端UI框架、是后端程序员的福音。总之如果你是一个后端开发者、如果你苦于你的界面“惨不忍睹”、选择layui来开发是个极好的选择。之前的项目也有使...

• 2020-05-27

102浏览

0评论

使用layui定义一个模块并使用的例子

在使用layui的过程，有几个方法需要被多个js引用，所以我按照文档，自定义了一个layui的模块，下面实现过程先定义一个模块//定义模块layui.define(['form'], function(exports){ v...

• 2020-05-27

216浏览

0评论

layui使用label标签的方法

1.//引入layui标签2.//body写代码<form class="layui-form" action=""> <div class="layui-inline"> <label class="layui-form-label">选择课程：</label> <div class=...

• 2020-05-27

136浏览

0评论

解决layui调用自定义方法提示未定义的问题

问题：layui.use(['layer', 'form', 'element'], function(){ var layer = layui.layer ,form = layui.form ,element = layui.element function test(){ //JS代码 }});调...

• 2020-05-27

144浏览

0评论

Vue 利用指令实现禁止反复发送请求的两种方法

前端做后台管控系统，在某些接口请求时间过长的场景下，需要防止用户反复发起请求。　　假设某场景下用户点击查询按钮后，后端响应需要长时间才能返回数据。那么要规避用户返回点...

• 2020-05-27

143浏览

0评论

Vue实现滑动拼图验证码功能

缘由：之前看哔哩哔哩官网登录的时候有一个拼图验证码，很好奇怎么去实现。然后就想着自己弄一个。先给大家看我的最终效果。后面再一点点拆解代码。
为什么想着写这个功能呢，主...

• 2020-05-27

156浏览

0评论

jQuery设置下拉框显示与隐藏效果的方法分析

本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法。分享给大家供大家参考，具体如下：jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素，而 toggle() 方法则可以...

• 2020-05-27

117浏览

0评论

策略模式实现 Vue 动态表单验证的方法

策略模式（Strategy Pattern）又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。...

• 2020-05-27

119浏览

0评论

js实现无限瀑布流实例方法

瀑布流是一种常见的网页布局方式，在许多网站中我们都能看到“瀑布流”的效果，其特征是有网页视窗有多个高度不同宽度相同的“块”组成。因其样式酷似飞流直下的瀑布，故将这种布...

• 2020-05-27

149浏览

0评论

使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部

具体代码如下所示：<template><div><table><tr v-for="item in tableData" :value="item.value" :key="item"><td><div><template>{{item.id}}</template></div></td><td><div...

• 2020-05-27

124浏览

0评论

在layui.use 中自定义 function 的正确方法

适用于：obj.click()行内 onclickjavascript:函数名()示例代码：<html> <head> <link rel="stylesheet" href="layui/css/layui.css" rel="external nofollow" media="all"> </h...

• 2020-05-27

199浏览

0评论

使用xampp将angular项目运行在web服务器的教程

需求在开发angular项目时，因为需要做自适配以适应不同的屏幕，而我的电脑只有1366的。所以我现在需要在本地将angular项目运行在xampp上，然后用手机开热点，给本机和另一台大屏电...

• 2020-05-27

158浏览

0评论

浅谈JS中几种轻松处理'this'指向方式

我喜欢在JS中更改函数执行上下文的指向，也称为 this 指向。例如，咱们可以在类数组对象上使用数组方法：const reduce = Array.prototype.reduce;function sumArgs() { return re...

• 2020-05-27

123浏览

0评论

layui.use模块外部使用其内部定义的js封装函数方法

用途：常用于监听输入框（其内部不提供监听函数）。
用法：需要在 use 中定义 window 函数供外部引用。// 调用成功 <div class="layui-form-item " > <label class="layui-form-...

• 2020-05-27