z张三-CSDN博客

原创 URLSearchParams url

var paramsString = "q=URLUtils.searchParams&topic=api"var searchParams = new URLSearchParams(paramsString);for (let [a,b] of searchParams.entries() ) { console.log(a,b);}//q URLUtils.searchParams//topic apivar paramsString1 = new URL("http://b

2020-05-11 20:17:22 170

原创 js一道很夸张的面试题

如题：vara=0;if(true){a=1;functiona(){}a=21;console.log("里面",a);}console.log("外部",a);一开始我认为结果很简单就是2个21；后来用谷歌浏览器一打印结果竟然是：21和1唯一的解释预解析的时候应该是这样的var a;a=0;...

2020-04-23 15:06:31 1372

原创 js 合并数组的一种方法

function a(first, second) {var len = +second.length,j = 0,i = first.length;console.log(len); for (; j < len; j++) {//很巧妙的在第一个数组里面添加第二个数组的值first[i++] = second[j];} first.leng...

2018-11-20 15:17:52 235

原创 http-server

npm install http-server -g pm i http-serveryarn -g http-server安装完成找到你的文件夹,在当前文件夹下打开命令行,输入http-server,默认启动8080端口

2018-10-24 13:03:42 578

原创简单利用localStorage实现数据存储

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met

2018-07-02 10:28:00 500

原创 es6 模块化概念

在es6 中引入了一种模块化 import ,import 类似于 require ，但import的选择更多。import语句放在if代码块之中毫无意义，因此会报句法错误，而不是执行时错误。也就是说，import和export命令只能在模块的顶层，不能在代码块之中（比如，在if代码块之中，或在函数之中）。这样的设计，固然有利于编译器提高效率，但也导致无法在运行时加载模块。从语法上，条件加载就...

2018-06-25 20:24:10 1050

原创 es6 class 类，静态方法的简单了解。

class a{ constructor(dd,age){ this.dd = dd; this.age = age; } static aa(){ console.log(this); } b(){ console.log(this.age...

2018-06-25 14:04:24 542

转载 super

ES6中super用于类继承，有二种方式：直接作函数使用，但只能用在构造函数中；作为父类，可调用父类的方法和属性（包括静态）。第一种方式有二点要注意，在构造函数中用this之前，必须先使用super。另一点算是super的BUG吧。当父类和子类都重写了构造函数时，如果在子类构造函数中设置类属性~如：this.prop = [];将会报错。...

2018-06-25 14:01:08 100

原创对于set map WeakSet WeakMap 的理解

var setA = new Set(); //伪数组不可重复性唯一的 setA.add([1,2]); setA.add([3,4]); setA.add(5); for(let [key,val] of setA.entries()){ console.log(key...

2018-06-25 14:01:04 290

原创对于gemerator 的理解

// function * a(){ // yield "1" // yield "2" // yield "3" // } // var [aa,bb,cc] = a(); // console.log(...a()); ...

2018-06-25 14:00:59 143

原创 es6 Number ，Math上，方法添加总结

let num = 1; let numa = "1"; console.log(Number.isFinite(num)); //判断是不是数字返回布尔值 console.log(Number.isFinite(numa)); //判断是不是数字返回布尔值 let numb = 2.99; let numc = 2.1; ...

2018-06-25 14:00:50 394

原创 es6 对于Math。方法添加的理解

//sign 传入的值如果是正数返回1 。0 返回 0 负数返回-1 console.log(Math.sign(9999999)); console.log(Math.sign(0)); console.log(Math.sign(-9999999999)); console.log(Math.trunc(1.99)); ...

2018-06-25 14:00:28 797

原创说说自己对于原型链 proto prototype constructor的理解

例如 function a(){} 　　　var b=new a()；这个时候 b的__proto__ 指向的就是a.prototype;a.prototype的__proto__指向的是Object.prototype;b的constructor 指向的也是 function a(){};而　a 它的__proto__ 指向是 Function.prototype现在...

2018-06-02 15:40:05 219

原创 html5里面的scrollIntoView应用 2018.5.24

不传参数的情况下类似a锚点如果传参数有2种格式一种是布尔值一种是对象首先是布尔值：如果传true 元素的顶端将和其所在滚动区的可视区域的顶端对齐。若为false，元素的底端将和其所在滚动区的可视区域的底端对齐对象的话首先ie是不支持的test.scrollIntoView({block: 'start',behavior: 'smooth'});Object型参数，这个对象有两个选项...

2018-05-31 17:12:29 689

原创初步了解Symbol()；

首先先看一个案例；看看Symbol能做什么let a = Symbol();let b = Symbol();var obj = {}obj[a] = 123;obj[b] = 3;console.log(obj[b]);从上面可以看出，对象中的key 是不能一样如果一样会被不添加同一个。但是我上面定义了2个Symbol()；按理来说a===b;但是Symbol的特性就是不等所以我们可以利用...

2018-05-31 16:26:28 509

asurson的博客