11 2019 档案

js 改变匹配到的字符串的颜色
摘要：1、js判断是否存在，存在则替换 -- 缺点：只能替换第一个匹配的字符，如果存在多个，则对后面的无效 if(text.indexOf(this.searchText)>=0) { text = text.replace(this.searchText,"<span style='color:red; 阅读全文
posted @ 2019-11-29 14:19 SlightFly 阅读(3959) 评论(0) 推荐(0)
with
摘要：with 语句用于设置代码在特定对象中的作用域 语法： with (expression) statement 提示：with 语句是运行缓慢的代码块，尤其是在已设置了属性值时。大多数情况下，如果可能，最好避免使用它。 基本用法： with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式. 阅读全文
posted @ 2019-11-18 17:31 SlightFly 阅读(242) 评论(0) 推荐(0)
页面从输入 URL 到页面加载显示完成
摘要：从URL规范、HTTP协议、DNS、CDN、数据库查询、 到浏览器流式解析、CSS规则构建、layout、paint、onload/domready、JS执行、JS API绑定等等； 详细版: 预处理URL,浏览器会开启一个线程来处理这个请求，对 URL 分析判断如果是 http 协议就按照 Web 阅读全文
posted @ 2019-11-18 15:20 SlightFly 阅读(281) 评论(0) 推荐(0)
前端性能优化总结
摘要：页面重构 - 在不改变外部行为的前提下，简化结构，添加可读性，而在前端保持一致的行为（即不改变UI的情况下，对网站进行优化） 1、布局 2、浏览器兼容 3、对移动平台的优化 4、SEO优化(Search Engine Optimization，搜索引擎优化 -- 利用搜索引擎的规则提高网站在有关搜索 阅读全文
posted @ 2019-11-18 12:17 SlightFly 阅读(193) 评论(0) 推荐(0)
js刷新当前页面的5种方式
摘要：强制刷新当前页面 1、reload　-- 强迫浏览器刷新当前页面 location.reload([bForceGet]) //重新加载当前文档 bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F 阅读全文
posted @ 2019-11-16 16:38 SlightFly 阅读(2754) 评论(0) 推荐(0)
清除缓存刷新
摘要：清理网站缓存的几种方法 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 阅读(468) 评论(0) 推荐(0)
2-变量的解构赋值
摘要：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）,,, 解构赋值的规则是，只要等号右边的值不是对象或数组，就先将其转为对象 一、数组的解构赋值 -- ‘模式匹配’ let [a, b, c] = [1, 2, 3]; let [foo, [[ 阅读全文
posted @ 2019-11-16 11:18 SlightFly 阅读(152) 评论(0) 推荐(0)
1-let/const
摘要：一、let 声明的变量只在它所在的代码块有效 --（for循环的计数器） 1、for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。 2、不存在变量提升 <==> var命令会发生“变量提升”现象 3、暂时性死区，只要块级作用域内存在let命令，它所声 阅读全文
posted @ 2019-11-16 10:05 SlightFly 阅读(129) 评论(0) 推荐(0)
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 阅读(1652) 评论(0) 推荐(0)
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 阅读(18437) 评论(0) 推荐(0)
element-ui Notification重叠问题，原因及解决办法
摘要：场景 在1个方法中调用两次this.$notify方法，会出现通知框重叠的问题 testNotify() { this.$notify({ title: "提示", message: '1111', dangerouslyUseHTMLString: true, duration: 0, posit 阅读全文
posted @ 2019-11-08 17:19 SlightFly 阅读(1776) 评论(0) 推荐(0)
详解CSS3实现无限循环的无缝滚动
摘要：思路： 克隆A一份完全一样的数据B放在原数据A的后面； 使用setInterval向上滚动A的父级容器； 当向上滚动的距离L正好的A的高度时(L==A.height())，L=0，重新开始滚动，无限循环。 克隆一份数据放在后面，是为了当A向上移动时，后面有数据能填补漏出来的空白。当B移动到可视区域的 阅读全文
posted @ 2019-11-08 13:21 SlightFly 阅读(2906) 评论(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 阅读(3224) 评论(0) 推荐(0)