2020年12月_一月清辉

转载 Vue中引入路径（图片、iframe）的几种方式

1、在template的img中直接引入相对路径<img src="../../static/img/car.png" />这种引入会被webpack处理（有些处理为base64，有些给图片加hash修改图片名字），总之不需要担心打包后的图片路径问题2、使用v-bind绑定src路径，不会被webpack处理，因此需要使用require手动引入<img :src="require('../static/img/03.jpg')" alt=""> <img :src=

2020-12-17 15:04:45 3968

转载 js 对中文字符的解码与编码

1、 decodeURIComponent 与 encodeURIComponent1.1、decodeURIComponent 解码字符功能：解码由 encodeURIComponent 方法或者其它类似方法编码的标识符，一般用于解码标识符为中文。Demo:let encodeStr = encodeURIComponent('中文')console.log(encodeStr) // "%E4%B8%AD%E6%96%87"let decodeStr = decodeU

2020-12-16 11:03:05 17170

转载 JS实现二叉树（广度、深度遍历）

//二叉树方法function BinaryTree(){ let Node=function(key){ this.key=key; this.left=null; this.right=null; } let root=null; let insertNode =(node,newNode)=>{ if(newNode.key < node.key){ if(node.left===null){ node.left = newNode; }els

2020-12-14 19:31:02 1238

转载 setInterval、setTimeout给定时/延时执行的函数添加参数

1、语法var intervalID = setInterval(func, delay, [arg1, arg2, ...]);var timeoutID = setTimeout(func [, delay, arg1, arg2, ...]);func ：要重复调用的函数。delay：延迟的毫秒数（定时器必传，延时器默认0）arg1、arg2、… ：将被传递给func指定函数的附加参数2、定时器、延时器传参以下以延时器为例：2.1、根据定时器、延时器语法，传入第三个以及之后的参

2020-12-14 16:19:59 722

转载 js中的生成器函数Generator

1、入门function* fn() { console.log(1); //暂停！ yield; //调用next方法继续执行 console.log(2);}var iter = fn();iter.next(); //1iter.next(); //2生成器解析如下：1、函数生成器特点是函数名前面有一个‘*’2、通过调用函数生成一个控制器3、调用next()方法开始执行函数4、遇到yield函数将暂停5、再次调用next() 继续执行函数

2020-12-12 12:20:08 3973

翻译 function 的 length 属性

功能：返回一个函数形参的个数function test1(a,b,c) {}console.log(test1.length); // 3 function test2(a,b,c,d) {}console.log(test2.length); // 4如果函数内部是通过 arguments 调用参数，而没有实际定义参数的话，length 只会的得到 0。function test() { console.log( arguments );}console.log(test.length)

2020-12-11 20:16:45 784

转载快速解析 get 参数的方法

快速解析 get 参数的方法通过 replace 方法获取 url 中的参数键值对，可以快速解析 get 参数。const q = {};location.search.replace(/([^?&=]+)=([^&]+)/g,(_,k,v)=>q[k]=v);console.log(q);k是第一个括号匹配的字符，v是第二个括号匹配的字符。String.prototype.replace的参考链接：https://developer.mozilla.org/zh-

2020-12-04 18:34:26 1348

原创 contenteditable属性将标签变为可编辑状态，可用于在线编辑修改文本

1、概述html 中大部分标签都是不可以编辑的，但是添加了contenteditable属性之后，标签会变成可编辑状态。同时可以触发input事件输入内容变化时触发focus事件获取焦点时触发blur事件失去焦点时触发2、示例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style>

2020-12-04 18:01:38 1644 1

转载字符串String常用方法

1、str.substring(indexStart [,indexEnd])功能: 返回给定字符串的指定部分的新字符串（包含indexStart，但不包含indexEnd）注意事项：如果 indexStart 等于 indexEnd，substring 返回一个空字符串。如果省略 indexEnd，substring 提取字符一直到字符串末尾。如果任一参数小于 0 或为 NaN，则被当作 0。如果任一参数大于 stringName.length，则被当作 stringName.len

2020-12-02 17:35:54 248

yiyueqinghui的博客