前端插件效果
文章平均质量分 68
慕云枫
记录开发过程中的一些学习笔记...!
展开
-
Layui表格复选框下一页后保持选中,table复选框checkbox跨页保持复选状态
Layui表格复选框下一页后保持选中,table复选框checkbox跨页保持复选状态原创 2024-03-18 14:58:39 · 689 阅读 · 0 评论 -
layMenu后台框架,html主页框架,前端UI框架,后台首页框架,layui主页架构框架,系统后台框架模板
layMenu后台框架,html主页框架,前端UI框架,后台首页框架,layui主页架构框架,系统后台框架模板原创 2023-11-20 14:13:43 · 1616 阅读 · 0 评论 -
【高德地图API】JS高德地图实现点标连线,高德地图实现点跟点连线,高德地图实现连线
【高德地图API】JS高德地图实现点标连线,高德地图实现点跟点连线,高德地图实现连线原创 2023-11-07 15:24:11 · 1883 阅读 · 0 评论 -
【高德地图API】JS高德地图API实现多边形绘画,高德获取多边形提交数据
【高德地图API】JS高德地图API实现多边形绘画,高德获取多边形提交数据原创 2023-11-06 15:07:32 · 1482 阅读 · 0 评论 -
html自定义大屏6宫格9宫格12宫格多宫格替换合并,jquery实现自定义大屏宫格替换
html自定义大屏6宫格9宫格12宫格多宫格替换合并,jquery实现自定义大屏宫格替换原创 2023-09-18 15:07:30 · 285 阅读 · 0 评论 -
H5移动端选择器,layPicker移动端日期选择器,jquery移动端自定义选择器
H5移动端选择器,layPicker移动端日期选择器,jquery移动端自定义选择器原创 2023-09-11 17:31:39 · 2658 阅读 · 3 评论 -
html实现商品图片放大镜,html图片放大镜预览
html实现商品图片放大镜,html图片放大镜预览原创 2023-08-10 11:14:43 · 1379 阅读 · 0 评论 -
html纯前端压缩图片神器,js压缩图片保持原有像素,html图片压缩自定义大小,html/js实现图片压缩
html纯前端压缩图片神器,js压缩图片保持原有像素,html图片压缩自定义大小,html/js实现图片压缩原创 2023-08-03 18:15:58 · 326 阅读 · 0 评论 -
JS获取省市区/县,layui获取省市区,layui实现省市区联动,jquery实现省市区联动
JS获取省市区/县,layui获取省市区,layui实现省市区联动,jquery实现省市区联动原创 2023-06-20 10:23:40 · 2402 阅读 · 0 评论 -
Layui禁止表格部分复选框,layui禁止表格自带第一列复选框,layui禁止表格部分复选框,layui获取表格复选框选中数据
Layui禁止表格部分复选框,layui禁止表格自带第一列复选框,layui禁止表格部分复选框,layui获取表格复选框选中数据原创 2023-06-14 11:08:05 · 1808 阅读 · 0 评论 -
IDEA把css/js压缩成一行min文件,idea实现右键压缩css和js文件
IDEA把css/js压缩成一行min文件,idea实现右键压缩css和js文件原创 2023-06-10 10:42:41 · 3368 阅读 · 0 评论 -
html加载中实现效果,css实现加载中
html加载中实现效果,css实现加载中原创 2022-01-21 12:16:39 · 2801 阅读 · 0 评论 -
js解密jquery.base64.js中文乱码,base64.js中文utf-8乱码解决
js解密jquery.base64.js中文乱码,base64.js中文utf-8乱码解决原创 2023-05-09 17:33:05 · 1554 阅读 · 0 评论 -
jQuery移动端日期组件,H5移动端日期组件,MUI移动端日期组件,移动端简单的日期组件
jQuery移动端日期组件,H5移动端日期组件,MUI移动端日期组件,移动端简单的日期组件原创 2023-05-06 15:53:05 · 1648 阅读 · 0 评论 -
html骨架屏实现
html骨架屏实现原创 2023-04-06 12:00:34 · 878 阅读 · 0 评论 -
CSS实现动画效果的菜单收起展开图标,html实现动画效果的箭头
CSS实现动画效果的菜单收起展开图标,html实现动画效果的箭头原创 2023-03-03 14:17:52 · 1033 阅读 · 0 评论 -
JS实现打印遇到的各种问题处理,JavaScript拉取浏览器print()方法打印遇到的问题解决,html实现打印机打印
JS实现打印遇到的各种问题处理,JavaScript拉取浏览器print()方法打印遇到的问题解决,html实现打印机打印原创 2022-12-07 14:41:33 · 1799 阅读 · 0 评论 -
html实现ezuikit.js萤石云直播监控,ezuikit.js实时监控实现,H5萤石云实时监控简单实现
html实现ezuikit.js萤石云直播监控,ezuikit.js实时监控实现,H5萤石云实时监控简单实现原创 2022-11-29 18:13:33 · 6351 阅读 · 1 评论 -
html移动端实现手写签名,signature手写签名实现,微信公众号浏览器html手写签名实现
html移动端实现手写签名,signature手写签名实现,微信公众号浏览器html手写签名实现原创 2022-11-16 11:36:13 · 3056 阅读 · 5 评论 -
layMin组件,基于jquery的简单组件layMin弹窗提示框,layui的简单组件,layMin有简洁的提示框、弹窗和图片预览、及加载效果等
layMin组件,基于jquery的简单组件layMin弹窗提示框,layui的简单组件,layMin有简洁的提示框、弹窗和图片预览、及加载效果等原创 2022-08-17 14:55:48 · 672 阅读 · 0 评论 -
html动画效果,css3动画插件animate.css,css动画插件animate.css
html动画效果,css3动画插件animate.css,css动画插件animate.css原创 2022-06-06 18:20:24 · 636 阅读 · 0 评论 -
Layui按钮更多选项,表格按钮更多选项,layui更多按钮操作,下拉组件dropdown
【本人修改版】效果图表格模式下,我这里使用userId做唯一【本人修改版】<!-- 表格操作列 --><script type="text/html" id="app-table-bar"> <a class="layui-btn layui-btn-xs" data-dropdown="#userTbDrop_{{d.userId}}" no-shade="true">更多<i class="layui-icon layui原创 2021-09-02 16:07:42 · 4293 阅读 · 2 评论 -
JS拉起电脑摄像头拍照,html使用电脑摄像头拍照,base64转图片
JS拉起电脑摄像头拍照实现如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>摄原创 2022-04-20 14:41:58 · 883 阅读 · 0 评论 -
Layui图片预览,layer图片预览图片缩放,layui预览图片可放大放小
前言layer图片预览,并实现缩放实现代码复制直接可用效果图html中只要放在layer-photos-demo中的图片都可用预览<div id="layer-photos-demo"> <div> <img alt="" style="width:100px;" src="image/error.png"> </div> <div> <img alt="" style="width:10原创 2022-04-07 10:22:01 · 5766 阅读 · 0 评论 -
Layui 表格筛选临时存储cookie,Layui表格筛选触发事件
前言将某一个表格的列筛选操作保存,下次刷新这个页面时还保留之前筛选的操作实现方式本人存储筛选数据为临时存放cookie首先创建两个方法这里我使用了jquery.cookie.js(放到最后面了)var tempCount = -1;/** * 表格筛选存储获取-是否显示---------------------------------------------------- * */function setColumn(value) { var table_column = $.c原创 2021-10-03 05:42:50 · 1115 阅读 · 0 评论 -
Layui 树形复选框获取值赋值,复选树形菜单
Layui 树形复选框赋值取值效果图标实现前端html <!-- 授权菜单 --> <form class="layui-form" id="role_menu_form" action="" lay-filter="role_menu_form" style="padding:10px;display: none;"> <fieldset class="layui-elem-field layui-field-title" style="color:#89原创 2021-10-17 23:42:51 · 2394 阅读 · 3 评论 -
layui必填提示框修改,layui提交form表单必填提示框修改,select提示弹出位置不对处理,layui自定义提示文字,layui自定义条件提示
效果修改前修改后实现方式我的layui版本是2.6.8js文件只有layui.js(之前的版本可修改form.js文件源码)所以打开layui.js修改源码,修改如下// 将i.msg(f,{icon:5,shift:6})// 替换成i.tips(f, r)如图1下所示(Hbuilder颜色未改,则是黄背景)或如图2所示我喜欢把提示框颜色改了,以下就是我修改的样式(打开layui.css换行放到后面即可)/* layer提示*/.layui-layer-tips .原创 2021-10-09 02:09:12 · 8839 阅读 · 0 评论 -
Layui树形列表,Layui树形菜单列表
Layui树形列表比较简单请耐心查看效果图实现方式首先引入组件(代码放到最后面了)layui.config({ base: $projectPath+"/js/util/layui-module/"}).extend({ treeSelect: "treeSelect", treeTable: "treeTable",});js 中var layer;var form;var table;var treeTable;var interUrl = {原创 2021-10-06 19:32:49 · 4666 阅读 · 13 评论 -
Layui下拉树形菜单,Layui树形下拉
Layui下拉菜单树形效果图使用方式前往下载:https://gitee.com/wujiawei0926/treeselect或者到使用底部的源码首先引入treeSelect.jslayui.config({ base: ""}).extend({ treeSelect: "/js/util/layui-module/treeSelect"});然后引用layui.use(["treeSelect"], function() { var treeSelect =原创 2021-10-06 01:50:12 · 2320 阅读 · 0 评论 -
WeixinJSBridge查看预览图片iframe无效,公众号预览图片无效解决
事由微信公众号打开页面嵌套iframe后无法预览图片解决在声明iframe标签的页面加入一、引入js插件<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script><script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>二、写实现方式/*原创 2021-12-23 09:22:51 · 1082 阅读 · 0 评论 -
html微信公众号查看图片缩放大小,js公众号预览图片双指缩放大小
效果图提示:相关实现代码在底部实现代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <!-- 兼容img的绝对路径--> <meta name="referrer" content="no-referrer" /> <title>移动端图片缩放大小</title> </head> <body&g原创 2021-12-22 15:06:40 · 532 阅读 · 0 评论 -
JS加密Java解密,Java加密JS解密,base64加密解密,AES加密解密
JS、Java相互加密解密代码获取路径百度网盘:链接: https://pan.baidu.com/s/1wyEOoBFfRReGm5tuxwhGTQ提取码:sp21底部也有源码实现说明JS加密code = aesMinEncrypt(code);// AES加密pass = $.base64.encode(pass)// base64加密Java解密code = AesMin.aesDecrypt(code);// AES解密pass = BASE64Util.decode(pas原创 2020-09-25 10:53:12 · 899 阅读 · 2 评论 -
Websocket如何实现长连接
实现长连接由于websocket连接成功过段时间自动关闭,无法继续获取消息于是我就想到一个办法,就是自动关闭时再重新创建一次(因为自动关闭也不是很快就关闭的,所以我就这么写),虽然实现方式不是很好,但是也暂时的实现了长连接方式前端JS var websocket = null; var host = document.location.host; var username = "...原创 2019-12-02 11:30:25 · 4778 阅读 · 2 评论 -
layUI使用table.reload时出现了两次请求,问题解决
本人碰到的问题,网上找了好久都没有找到出现这种问题的人$('#searchBtn').on('click',function(){ var type = "getInfo"; active[type] ? active[type].call(this) : ''; }); // 点击获取数据 var active = { ...原创 2019-08-18 01:31:58 · 6651 阅读 · 8 评论 -
关于bootstrap中editable的用法大全
详情博客:https://www.cnblogs.com/landeanfen/p/5821192.html转载 2019-04-23 15:53:18 · 14103 阅读 · 0 评论 -
spring boot eclipse中yml和properties的文件前面没有叶子问题解决
效果就是像图片里的一样有叶子方式一:eclipse在线安装插件(图片说话):将图中指向的两个下载,安装过后eclipse会提示是否重启,重启后就可以看到叶子了方式二:到官方下载插件包:https://spring.io/tools3/sts/legacy下载完后到eclipse添加插件安装完后eclipse也是会提示是否重启的,重启后如果没有看到文件改变图标,就选中文...原创 2019-03-13 11:21:31 · 2416 阅读 · 0 评论 -
Vue.js快速上手简单的例子
首先到官方网站下载vue.js:官方下载网:https://vuejs.org/v2/guide/installation.html而非教程官网:https://cn.vuejs.org/v2/guide/installation.html下载后直接用html做个简单的测试将下面的代码copy,修改一下vue.js的路径就可以测试测试一:<!DOCTYPE html>&...原创 2019-03-21 17:15:27 · 653 阅读 · 0 评论 -
Layer父页面如何调用子页面的函数,及点X关闭时触发事件
父窗口调用子窗口的函数子窗口的函数: function test(){ layer.alert('测试调用子窗口函数',{icon:0,time:3000}, function(index){ layer.close(index); }); }父页面调用:这里的cancel属性用于当你点击右上角的X关闭的时候触发的事件,return false 是为了防止窗口关闭fu...原创 2019-02-26 10:58:15 · 4580 阅读 · 0 评论 -
Layer 父窗口如何获得子窗口的标签元素值
父窗口获取子窗口标签元素值(Layer)获取子窗口的标签元素值如下: layer.open({ type: 2, area:["1650px","650px"], title: "详细设置 ", content: '${ctx}/terminal/carry/grlLonixCarryOverAllocation/detailedSetting?原创 2019-01-25 15:38:23 · 4041 阅读 · 0 评论 -
Layer插件的常用提示框,如何使用Layer
我感觉是最简单的测试了,大伙可以试试哈。需要的插件:skin包下为图片不要忘咯测试7的效果如下:open的方式就大概说一下测试代码没有写测试的时候可以试一下遮罩层效果很好,content可以放路径和指定要打开的标签对象。layer.open({//捕获页 type: 1, btn: ['确定', '取消'], //shade: false,...原创 2018-12-11 10:41:01 · 2439 阅读 · 0 评论