layer.alert回调函数执行关闭弹窗的实例

对于layer.alert()弹出层来说,想要在回调函数中执行一些操作。此时点击确定会执行回调函数,但并不会自动关闭弹窗。layer.alert('完成测评', { icon: 1, closeBtn: 0 }, funct...

layer.js之回调销毁对话框的例子

layer.js弹出层给我们封装了基本的销毁按钮,如图所示:当我们点击确定按钮时,如何我们没有写点击确定按钮的回调函数,layer的内部会给我们一个默认的效果就是让对话框消失。but!...

layer弹出层显示在top顶层的方法

因为项目框架用了iframe,所以在用layer时,默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示,想到用top.layer.open或者pare...

layui form表单提交之后重新加载数据表格的方法

如下图,在我们做高级查询的时候需要重新加载数据表格 table.reload();HTML form表单<p style="text-align: center"><img src="https://img.jbzj.com/file_images/article...

深入浅析vue中cross-env的使用

cross-env
cross-env是跨平台设置和使用环境变量的脚本。在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样,Windows和Linux命令如何设置环境...

TypeScript中使用getElementXXX()的示例代码

简述Angular 1.x版本是用JavaScript编写的,我们在百度Angular经常会搜索到AngularJS,并不是JavaScript的什么衍生版本,就是Angular 1.x。在后续版本中,改用TypeScript来重写了An...

VUE项目初建和常见问题总结

拿猫眼为例:
步骤:
需要预装node.js
1. 查看node版本,控制台输入
node -vv10.16.12. 查看vue版本
vue -V (Vue不是内部或外部命令...)--执行步骤33. 安装@vue/cli脚手架
npm...

JS计算斐波拉切代码实例

这篇文章主要介绍了js计算斐波拉切,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下function feibo(a){ if(!a || a <=...

微信小程序获取用户信息及手机号(后端TP5.0)

本文实例为大家分享了微信小程序获取用户信息及手机号的具体代码,供大家参考,具体内容如下wxml页面<view wx:if="{{config.tipsshow1}}" class='dialog-container'> <view cla...

解决layui表格内文本超出隐藏的问题

只需要更改样式即可图片:代码如下.layui-table-cell{ height:auto; overflow:visible; text-overflow:inherit;以上这篇解决layui表格内文本超出隐藏的问题就是小编分享给...

layui问题之渲染数据表格时,仅出现10条数据的解决方法

一、问题ajax获取服务端数据之后,要动态渲染table,但数据仅仅数显了10条,并没有渲染所有的数据。二、经过看一下表格需要的数据,0-9条的数据都自动有一个名为LAY_TABLE_INDEX的...

layui框架与SSM前后台交互的方法

采用layui前台框架实现前后台交互,数据分页显示以及删除操作,具体方式如下:一、数据分页显示1.前端(1)html页面<!--轮播数据分页显示--><table class="layui-hide" id="content_l...

浅谈layui 数据表格前后台传值的问题

1.1查询<script> layui.use('table', function() { var table = layui.table; table.render({...

LayUI数据接口返回实体封装的例子

我就废话不多说了,直接上代码吧!package cn.haitu.vo;/** * * @date 2017年12月28日 @author Weilong Liu */public class LayUIDataTableVo { protected Integer code; p...

使用flow来规范javascript的变量类型

众所周知, js是弱类型的语言,由此有了很多的优点,也出现了大量由此导致的错误,难以定位。当然有类似于ts之类的语法糖来解决此问题,ts因为是从c#演变而来的,所以入门有一定的门槛,...

layui表单提交到后台自动封装到实体类的方法

第一次用layui,正在摸索中,今天在学习layui的时候在项目中看到一个表单提交,表单的数据传到后台是怎么自动封装到实体类里面的呢&#63;1、表单中的每一项的name属性值,必须和...

layui实现checkbox的目录树tree的例子

废话不多说啦,我就直接上代码吧,需要的朋友可以过来参考下layui.use([ 'tree' ], function() {$ = layui.jquery;form = layui.form;//获取节点数据getTreeData();}); functio...

微信小程序之 catalog 切换实现解析

组件名称:catalog组件属性:catalogData,type:String组件描述:这是一个子组件,数据从父组件中传递效果图:catalog 目录为多个,使用 scroll-view 容器。但是在当前组件中,只写每个 cata...

微信小程序 函数防抖 解决重复点击消耗性能问题实现代码

这篇文章主要介绍了微信小程序使用函数防抖解决重复点击消耗性能问题实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以...

详解Vue中CSS样式穿透问题

1. 问题由来在做两款H5的APP项目,前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想,组件不丰富,最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack...

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

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

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

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

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

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

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

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

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

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

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

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

基于JavaScript 实现拖放功能

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

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

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

JavaScript和TypeScript中的void的具体使用

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

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

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

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

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

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

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

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

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

layer iframe 设置关闭按钮的方法

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

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

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

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

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

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

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

深入了解JavaScript 防抖和节流

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

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...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vue登录注册实例详解

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

返回顶部
顶部