前端
奋斗的新丁
奋斗着并不断成长的菜鸟新丁
展开
-
lay-treeTable开发文档
简介Layui的树形表格treeTable,支持异步加载(懒加载)、复选框联动、折叠状态记忆。演示地址:https://whvse.gitee.io/treetable-lay/更新日志不定期增加增加单元格溢出省略,点击悬浮展开全部(2019-12-27)解决空数据时刷新后空提示不移除的bug(2019-12-21)优化固定表头及固定宽度(2019-12-21)获取选中数据增加可获取非半选的选中数据(2019-12-21)2019-11-18 (v2.0)重构treeTab原创 2022-04-20 08:40:35 · 4176 阅读 · 0 评论 -
laydate点击确定按钮后执行done方法取不到值
问题如标题所示,那是为什么呢?从laydate.js源码中我们可以看到,是先执行的done(),再赋的值,所以我们执行done()时取不到值解决方法很简单,将这两行代码对换一下位置就可以了 //确定 ,confirm: function(){ if(options.range){ if(lay(btn).hasClass(DISABLED)) return that.hint( options.type === 'time' ?原创 2022-04-14 15:57:12 · 1418 阅读 · 0 评论 -
谈谈 Web 应用中的图片优化技巧
https://www.infoq.cn/article/gxV277O5ZZsR5w5er4pE原创 2021-07-09 17:16:57 · 71 阅读 · 0 评论 -
实现div滚动条默认在最底部
在有滚动条的div添加下面一行代码$(".layim-chat-main").scrollTop($(".layim-chat-main").prop('scrollHeight'));滚动条就默认在最底部啦原创 2021-05-12 16:11:13 · 1770 阅读 · 0 评论 -
localStorage的使用方法
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。储存/更新数据localStorage.setItem('Token', res.data.token)取出数据localStorage.getItem('Token')删除储存数据 l原创 2021-04-13 09:57:09 · 1052 阅读 · 0 评论 -
JS格式化日期
function dateFormat(fmt, date) { var ret; const opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), // 日..原创 2021-01-18 16:50:37 · 106 阅读 · 0 评论 -
(function a(){})()是什么意思
javascript 中 把一个函数放进一个()里边,两种方式是(function(){}();)和(function(){})();这两种都是立即执行函数,想弄明白这个,得先知道js中函数的3方式:函数声明、函数表达式和匿名函数,当然匿名函数属于函数表达式的一种。函数声明:function a(){......};函数表达式:var a=function(){......};匿名函数:function(){.......}其中函数声明的函数,不能使用加上()来使函数在声明后立即执行,fun原创 2020-12-17 14:55:23 · 1185 阅读 · 1 评论 -
vue项目对要显示的富文本数据中的图片处理----去掉或控制图片大小
一、去掉图片标签let informationArticle = informationArticle.replace(/<\/?(img)[^>]*>/gi, '');利用正则直接替换掉二、控制图片大小通常需要控制图片大小,否则就会因为富文本图片太大导致页面很奇怪。如下,页面可以往右滑动。const regex = new RegExp('<img', 'gi')res.details = details.replace(regex, `<img原创 2020-11-18 11:28:51 · 1494 阅读 · 1 评论 -
window.open()新打开窗体的大小及其所有参数
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') 参数解释: window.open 弹出新窗口的命令; 'page.html' 弹出窗口的文件名; 'newwindow' 弹出窗口的名字(不是文件名),非必须; ...原创 2020-11-05 09:17:24 · 1354 阅读 · 0 评论 -
Flex布局
什么是flex布局Flex是Flexioble Box的缩写,顾名思义为“弹性布局”,用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex 布局。Flex container:flex容器,指定一个盒子作为flex容器,就可以对这个容器里的元素进行一系列的操作,容器的命名一般是xxx-containerFlex item:flex容器中的每一项。<div class=”div-container”><div class=”div-item sub-con原创 2020-10-29 17:27:20 · 681 阅读 · 1 评论 -
CSS实现图片旋转(常用于头像)
.my-header {position: relative;display: block;width: 100px;height: 100px;border: 5px solid #e5e5e5;margin: 75px auto 10px;border-radius: 50%;z-index: 10;transition: transform 1s ease-out;//旋转时间}.my-header:hover{transform: rotateZ(360deg);//旋转度数原创 2020-10-29 08:59:27 · 300 阅读 · 0 评论