SlightFly

2019年11月16日

摘要：清理网站缓存的几种方法 1、meta方法 <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> <meta http-eq 阅读全文

posted @ 2019-11-16 16:14 SlightFly 阅读(478) 评论(0) 推荐(0)

2-变量的解构赋值

摘要： ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）,,, 解构赋值的规则是，只要等号右边的值不是对象或数组，就先将其转为对象一、数组的解构赋值 -- ‘模式匹配’ let [a, b, c] = [1, 2, 3]; let [foo, [[ 阅读全文

posted @ 2019-11-16 11:18 SlightFly 阅读(157) 评论(0) 推荐(0)

1-let/const

摘要：一、let 声明的变量只在它所在的代码块有效 --（for循环的计数器） 1、for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。 2、不存在变量提升 <==> var命令会发生“变量提升”现象 3、暂时性死区，只要块级作用域内存在let命令，它所声阅读全文

posted @ 2019-11-16 10:05 SlightFly 阅读(137) 评论(0) 推荐(0)

2019年11月11日

forEach中遍历生成多个element的$notify

摘要： 1、element-ui Notification重叠问题，参考这个 https://blog.csdn.net/weixin_44423832/article/details/90239121 原因如下： $notify在计算通知的间距时，会取当前元素的高度 item.$el.offsetHeig 阅读全文

posted @ 2019-11-11 16:07 SlightFly 阅读(1661) 评论(0) 推荐(0)

2019年11月9日

vue项目vue页面内容生成图片并保存本地方案

摘要：使用html2canvas插件官网：http://html2canvas.hertzen.com/ 1、安装： npm install --save html2canvas 2、在需要使用的vue组件中引入： import html2canvas from "html2canvas" 3、将制定区阅读全文

posted @ 2019-11-09 21:58 SlightFly 阅读(18558) 评论(0) 推荐(0)

2019年11月8日

element-ui Notification重叠问题，原因及解决办法

摘要：场景在1个方法中调用两次this.$notify方法，会出现通知框重叠的问题 testNotify() { this.$notify({ title: "提示", message: '1111', dangerouslyUseHTMLString: true, duration: 0, posit 阅读全文

posted @ 2019-11-08 17:19 SlightFly 阅读(1818) 评论(0) 推荐(0)

详解CSS3实现无限循环的无缝滚动

摘要：思路：克隆A一份完全一样的数据B放在原数据A的后面；使用setInterval向上滚动A的父级容器；当向上滚动的距离L正好的A的高度时(L==A.height())，L=0，重新开始滚动，无限循环。克隆一份数据放在后面，是为了当A向上移动时，后面有数据能填补漏出来的空白。当B移动到可视区域的阅读全文

posted @ 2019-11-08 13:21 SlightFly 阅读(2912) 评论(0) 推荐(0)

js监听浏览器离开页面操作

摘要： 1、unload 事件属性 //window window.onbeforeunload=function(e){ var e = window.event||e; e.returnValue=("确定离开当前页面吗？"); } 用法：当用户离开页面时，会发生 unload 事件。注意：如果您重载页阅读全文

posted @ 2019-11-08 13:09 SlightFly 阅读(3273) 评论(0) 推荐(0)

2019年10月22日

判断浏览器

摘要： // function judgmentBrowser() { // var ua = navigator.userAgent; // if (/firefox/i.test(ua)) { // alert("你是火狐"); // } else if (/chrome/i.test(ua)) { / 阅读全文

posted @ 2019-10-22 11:20 SlightFly 阅读(235) 评论(0) 推荐(0)

2019年10月11日

轮播动效 | 环形进度条 -- 等动效库

摘要： 1、轮播动效 http://demo.lanrenzhijia.com/demo/45/4550/demo/ (可扒源码) 网站：https://www.lanrenzhijia.com/ 2、环形进度条 http://www.jq22.com/jquery-info9243 (可扒源码) 网站：h 阅读全文

posted @ 2019-10-11 13:41 SlightFly 阅读(497) 评论(0) 推荐(0)

公告