js
fengchen0123456789
赢的是过程,输的是结果
展开
-
flex 布局
部分代码举例<!--使用举例--><style> .root{ display: flex; flex-wrap: wrap; justify-content: space-between } .item{ width: 200px; height: 300px; }</style><div转载 2020-06-12 11:48:52 · 246 阅读 · 0 评论 -
layui修改头像功能
前言场景大概是用户点击修改头像,会显示一个弹出框,展示当前系统所有图片,用户选择了一张之后,就会覆盖原有的那一张,注意,不能照搬,要自己调试修改的,因为每个公司重新都封装了layui代码HTML部分代码 <div class="form-group"> <label class="col-sm-2 control-label"></label> &l...原创 2020-04-08 17:11:44 · 2609 阅读 · 1 评论 -
jquery和layui上传图片
前言没有什么说的,后端代码省略,前端代码也是贴重要部分代码HTML代码<form enctype="multipart/form-data"> <input type="file" name="headerImg" id="headerImg"/> </form>js代码 var formData = new FormData(); ...原创 2020-04-08 16:55:55 · 261 阅读 · 0 评论 -
textarea文本域实时显示输入的字符长度
直接上代码,没什么说的定义的div <div> <textarea name="content" class="layui-textarea" id="area" maxlength="50" placeholder="输入5-50个字符" onkeyup="javascript:texLength(this, 50, 'textare...原创 2019-12-05 15:01:27 · 1556 阅读 · 0 评论 -
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
方法一:最普遍的做法使用 ES5 语法来实现虽然会麻烦些,但兼容性最好,不用考虑浏览器 JavaScript 版本。也不用引入其他第三方库。1. 直接使用 filter、concat 来计算var a = [1,2,3,4,5]var b = [2,4,6,8,10]//交集var c = a.filter(function(v){ return b.indexOf(v) > -...转载 2019-11-29 09:44:36 · 779 阅读 · 0 评论 -
layui 渲染表格给每一行设置一个倒计时
场景,后台返回的数据有一个时间字段,往后延迟多少分钟要触发某个事件,如超过了时间就显示为0表格渲染的代码如下,其他参数省略table.render({ cols: [[ { field: 'time', width: 200, title: '倒计时', ...原创 2019-11-22 15:35:59 · 2061 阅读 · 6 评论 -
js 根据字符串生成二维码
加入jquery.min.js, jquery.qrcode.min.js 即可下载 jquery.qrcode.min.js ,jquery.min.js直接引用即可链接:https://pan.baidu.com/s/1iYmNcf2maMcXTf6vITKsHw提取码:8urs <script type="text/javascript" src="https://cdn.b...原创 2019-11-22 12:17:11 · 3129 阅读 · 0 评论 -
layui渲染表格时给某一行标背景色
有些业务需要对某种特殊情况的行数标背景颜色,比如告警的,超标的,黑名单等等底下是截取出来的简短模板 table.render({ elem: '#table-id', url: "http://......", method: 'GET', page: true, //开启分页 request: { // ...原创 2019-11-22 11:58:03 · 2059 阅读 · 1 评论 -
layui ajax请求的结果进行table渲染
layui表格渲染一般都是直接 table.render,由于页面每个几秒要重新请求后台,就去重载,这样页面就感觉一直闪【未找到好的解决方法,如有,望告知】,体验不好,所以就用 ajax 嵌套了一下,这里也只是缓解了一下,没有闪的明显而已,部分参数省略请求格式 $.ajax({ url: "http://........", type: 'GET...原创 2019-11-22 11:34:28 · 6774 阅读 · 1 评论 -
layui iframe 跳转到登录界面问题
代码检测到要重新登录时,返回的登陆页面, 但是整个登录界面显示在菜单的内部,因为我用的是iframe ,如需完全跳出去,则在 login.html 页面加入如下代码<script> if(window != top){ top.location.href=location.href; };</script>...原创 2019-10-18 12:05:41 · 2650 阅读 · 5 评论 -
echart图表的各种参数介绍
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getSe...转载 2019-10-16 09:37:20 · 260 阅读 · 0 评论 -
js调用后台接口下载Excel
// 按钮点击事件 $('#download').click(function () { var xhr = new XMLHttpRequest(); xhr.open('POST', "接口url", true); xhr.responseType = "blob"; // 返回类型blob // 定义请求完成的处理函数,...原创 2019-10-11 14:20:14 · 1267 阅读 · 0 评论 -
layui 解析任意数据格式及自定义参数分页
table.render渲染表格时,后台返回的数据格式并不符合 table 组件默认规定的数据格式,但从 layui 2.4.0 开始,新增的 parseData 回调可以将原始的任意格式的数据重新解析成 table 组件规定的数据格式直接上部分代码,其他参数省略 table.render({ parseData: function (res) { //将原始数据解析成 tab...原创 2019-10-10 10:23:30 · 4643 阅读 · 1 评论 -
正则表达式
一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数原创 2017-12-08 10:31:41 · 569 阅读 · 0 评论