前站导航-优快云博客

原创 url、base64、blob相互转换方法

url、base64、blob相互转换方法url 转 base64原理：利用canvas.toDataURL的API转化成base64 urlToBase64(url) { return new Promise ((resolve,reject) => { let image = new Image(); image.onload...

2019-02-26 10:54:34 3606

原创转义 HTML，对于引号，尖括号，斜杠进行转义

转义 HTML，对于引号，尖括号，斜杠进行转义function escape(str) { str = str.replace(/&/g, '&amp;') str = str.replace(/</g, '&lt;') str = str.replace(/>/g, '&gt;') str = str.replace(/"/g, '&...

2019-02-25 12:19:30 10313 1

原创浏览器标题切换

离开当前网页后，浏览器标题切换可以在控制台试下var OriginTitile = document.title; // 保存之前页面标题var titleTime; document.addEventListener('visibilitychange', function(){ if (document.hidden){ document.tit...

2019-02-22 09:33:36 622

原创思考下面 console.log 语句打印内容

思考下面 console.log 语句打印内容var flag = new Boolean(false);if(flag) { console.log('true');}else{ console.log('false');}// 答案: true有趣的代码就在代码秀

2019-02-21 15:30:25 421

原创 Vue中在组件内部实现一个双向数据绑定

Vue中在组件内部实现一个双向数据绑定import Vue from 'vue'const component = { props: ['value'], template: ` <div> <input type="text" @input="handleInput" :value="value"> </div> ..

2019-02-21 09:41:27 1680

原创浏览器Storage的储存操作

浏览器Storage的储存操作class StorageFn { constructor () { this.ls = window.localStorage; this.ss = window.sessionStorage; } /*-----------------cookie---------------------*/ /...

2019-02-20 10:22:34 839

原创冒泡排序

冒泡排序算法介绍：1、比较相邻的两个元素,如果前一个比后一个大，则交换位置。2、第一轮把最大的元素放到了最后面。3、由于每次排序最后一个都是最大的，所以之后按照步骤1排序最后一个元素不用比较。function bubble_sort(arr){ var swap; for(var i=0;i<arr.length-1;i++){ for(var j=0;j&lt...

2019-02-19 12:46:13 147

原创防抖与节流

防抖与节流防抖与节流函数是一种最常用的高频触发优化方式，能对性能有较大的帮助。// 防抖 (debounce) // 将多次高频操作优化为只在最后一次执行，通常使用的场景是：用户输入，只需再输入完成后做一次输入校验即可。function debounce(fn, wait, immediate) { let timer = null return function() ...

2019-02-19 09:19:10 142

原创 Vue找到任意组件实例—findComponents

Vue找到任意组件实例—findComponents它适用于以下场景：· 由一个组件，向上找到最近的指定组件；· 由一个组件，向上找到所有的指定组件；· 由一个组件，向下找到最近的指定组件；· 由一个组件，向下找到所有指定的组件；· 由一个组件，找到指定组件的兄弟组件。// 由一个组件，向上找到最近的指定组件function findComponentUpward (context...

2019-02-18 11:17:37 4518

原创 JavaScript循环下的async/await

JavaScript循环下的async/await1、使用最原始的for循环2、for…offor (var i = 0; i < dataArr.length; i++) { await echo(i) } // 或 for (const i of dataArr) { await echo(i) }有趣的代码就在代码秀...

2019-02-17 21:26:56 282

原创前站导航，搜索社区，阅读文章，提升技术

推荐一个前端导航网站，记录了各种关于前端的网址，可以直接在对应社区查找问题，还可以收藏常用网站，查看网站评价等。喜欢的话赶快收藏一波吧 ^^网址：https://www.frontendjs.com/...

2019-01-28 12:55:35 7375

qq_27852041的博客