web前端
关注
分享
扫一扫
小栋哟
赠人玫瑰，手留余香...
展开
-
动态修改layer.open title显示内容
用过layer的大多数都用过那个open弹窗，那么那个title是否可以修改呢？今天 就试了一下子，最终结论就是 确实可以啊。看了一下弹出后的代码，那个title是包在了一个div中，关键点是有个class属性，值是layui-layer-title所以就尝试通过用这个class来进行修改；不说废话了，我直接上代码；$(window).load(function () {...原创 2019-12-03 17:37:09 · 7070 阅读 · 0 评论 -
实现动态加载layui折叠画板element组件，并支持checkbox勾选功能（最详细版）
最近一直有个需要，需要实现一个选表选字段的功能，具体点说就是，列出一些表，可以选择，包括其字段（属性），并且还要有表信息和字段的具体信息；所以调研了好多组件发现没有什么合适的，正好看到layui的这款画板组件，感觉还行，就实现了一下。具体也看以下效果吧。官网示例图，展开后点击内容文字我修改后实现的示例图，我的展开是新加了一个表格；如果跟你的需要一致，那就跟着往下看，废话没有，...原创 2019-11-12 18:34:37 · 2438 阅读 · 0 评论 -
layui 支持搜索的树形组件eleTree实现
没有废话直接上效果图，如果符合需求就往下看吧。H5代码 <div class="layui-btn-container"> <button class="layui-btn layui-btn-sm" id="getChecked" >勾选指定节点</button> </div> <inp...原创 2019-11-12 18:10:18 · 6064 阅读 · 2 评论 -
可以在h5标签中隐藏放值的两个属性，一般人不知道哦
相信大家一般在开发web项目的时候，特别是web写H5的时候，经常会把某些值放name，id，value，class这些中，但是今天呢还记录两个属性，也是可以用来放值得。第一种：data-toggle可以通过js给input标签设置比如//根据input的id 使用jq 添加 data-toggle$("#unit").attr('data-toggle', '8c4310b0a2...原创 2019-07-17 15:07:29 · 2302 阅读 · 1 评论 -
最简单的js实现上传头像并正常回显
既然有上传头像功能，那用户肯定得选择完照片后显示出来，废话不多说，下面就是提供一段简单的代码来实现，希望对大家也有帮助；h5 部分 <!--头像--> <div class="head-p" id="touxiang"> <img src="/img/user_pic_big.jpg" alt='头像' width="100...原创 2019-05-07 15:08:09 · 6165 阅读 · 4 评论 -
springboot解决跨域后session获取不到sessionId不一致问题
有些前后端分离项目或某个需要跨域的接口，当你解决完后，你会发现保存到session的用户信息会拿不到，如果在仔细点会发现request中请求的sessionId也是不同的，所以获取不到session很正常了。关于跨域还未解决或者还有问题的可以看我这个博客：前后端分离跨域springBoot跨域有效快速解决方案如果跨域已经解决，只是session获取不到问题就看下方代码吧。关键代码：...原创 2019-02-26 09:53:46 · 17170 阅读 · 2 评论 -
最简单方式：使用base64字符串显示图片或二维码
今天给大家分享一个简单的显示图片或者二维码方式，就是使用base64字符串方式。我这里呢是用来进行显示了一个二维码，其实本质和图片是一样的，大家看看，废话不多说，直接贴代码 //qrcodeUrl：二维码url qrcodeUrl = URLDecoder.decode(responseMap.get("qrcodeUrl"), "UTF-8"); System.o...原创 2018-10-16 15:46:57 · 12146 阅读 · 0 评论 -
使用jquery.qrcode生成二维码方法以及注意问题
1、首先在页面中加入jquery库文件和qrcode插件<script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.qrcode.min.js"></script&原创 2018-10-16 15:27:47 · 3736 阅读 · 0 评论 -
实现在下拉框中选中某一项后，左边出现文本框
默认下拉框效果图：当选择其他订购厂家的时候效果：<script>function show(obj){ document.getElementById("other").style.display=(obj.value==0)?"":"none"}</script> <li> ..原创 2018-10-11 14:13:01 · 4809 阅读 · 0 评论 -
在页面table中通过按钮控制增加或删除一行tr
效果图点击添加即出现新的一行空白数据，并赋值id；删除是根据checkbox选中一个或多个删除；废话不多说，直接上代码，相信大家可以看懂；html部分 <div class="zl-sqrxx-con"> <table id="addCourse"> <tr> ...原创 2018-10-11 13:37:14 · 3500 阅读 · 1 评论 -
手机端H5页面时间插件
插件最终版图： 1.引入css和js样式‘；<link rel="stylesheet" type="text/css" href="../mobile/css/mobiscroll.css"><link rel="stylesheet" type="text/css" href="../mobile/css/normalize3.0.2.mi原创 2018-09-11 10:53:10 · 4945 阅读 · 0 评论 -
ie6浏览器不支持float:left 解决办法
ie6似乎不支持float:left 解决方法 IE6里面不兼容,DIV没有打横排列,而显示成竖着排 两条语句让你的div变好 1、浮动的div 设置display:inline 2、浮动的div 加overflow:hidden；ie6未修复前修复后：...原创 2018-07-06 15:22:49 · 956 阅读 · 0 评论