05 2021 档案

css好看的骨架屏动画效果
摘要：h5项目中使用骨架屏占位，感觉网上的闪烁效果不好看，自己弄了一个，动画时长可自行根据dom大小调整 演示文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>骨架屏动画效果</title> <style> #grad1 { he 阅读全文
posted @ 2021-05-17 15:33 吃饭七分饱 阅读(1752) 评论(0) 推荐(1)
vue项目列表折叠面板动画效果实现
摘要：点击折叠按钮实现详情展开关闭并增加动画效果 1. 对需要展开的div设置css .detail-collpase { transition: all 0.3s; height: 0px; //初始高度为0 overflow: hidden; // 要设置为hidden，不然内容会显示出来 } 2. 阅读全文
posted @ 2021-05-15 17:52 吃饭七分饱 阅读(2702) 评论(0) 推荐(0)
vue子路由页面无痕刷新
摘要：配合父级router-view使用 <router-view v-if="loadRouter" /> 通过设置loadRouter为flase,true来实现刷新 handleReload () { this.loadRouter = false; this.$nextTick(() => { t 阅读全文
posted @ 2021-05-13 14:13 吃饭七分饱 阅读(601) 评论(0) 推荐(0)
网站出现同名cookie问题
摘要：今天写项目时发现项目中出现了同名cookie，导致页面切换刷新后一直取的是错误的cookie值 最后查看代码时候发现两种setCookie的时候domain设置问题，导致重新setCookie没有替换同名的cookie document.cookie去设置cookie时候，格式必须相同，上面一个多了 阅读全文
posted @ 2021-05-12 17:13 吃饭七分饱 阅读(1074) 评论(0) 推荐(0)
js控制台打印彩色文字
摘要：console.log("%c" + '绿色文字' , "color:" + "#008000"); console.log("%c红色文字", "color: red"); 阅读全文
posted @ 2021-05-11 10:32 吃饭七分饱 阅读(577) 评论(0) 推荐(0)