- 博客(8)
- 资源 (7)
- 收藏
- 关注
原创 history对象,replaceState不刷新修改url地址方法
histroy对象History.length返回一个整数,该整数表示会话历史中元素的数目,包括当前加载的页。例如,在一个新的选项卡加载的一个页面中,这个属性返回1。console.log(history.length)History.state返回一个表示历史堆栈顶部的状态的值。这是一种可以不必等待popstate 事件而查看状态的方式。console.log(history.state)history.back()在浏览器历史记录里前往上一页, 用户可点击浏览器左上角的返回(
2020-12-05 16:00:05 1943
原创 ES6的Reflect对象
ReflectReflect对象的设计目的有这样几个将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。现阶段,某些方法同时在Object和Reflect对象上部署,未来的新方法将只部署在Reflect对象上。修改某些Object方法的返回结果,让其变得更合理。比如,Object.defineProperty(obj, name, desc)在无法定义属性时,会抛出一个错误,而Reflect.defineProperty(obj
2020-12-05 15:11:44 131
原创 ES6的Iterator迭代器
Iterator迭代器ES6规定,默认的Iterator接口部署在数据结构的Symbol.iterator属性,或者说,一个数据结构只要具有Symbol.iterator属性,就可以认为是“可遍历的”(iterable)。Symbol.iterator属性本身是一个函数,就是当前数据结构默认的迭代器生成函数。执行这个函数,就会返回一个迭代器。至于属性名Symbol.iterator,它是一个表达式,返回Symbol对象的iterator属性,这是一个预定义好的、类型为Symbol的特殊值,所以要放在方
2020-12-05 14:43:48 96
原创 ES6的function*的用法
function*的用法function* 这种声明方式(function关键字后跟一个星号)会定义一个生成器函数 (generator function),它返回一个 Generator 对象。function* name([param[, param[, … param]]]) { statements }name函数名param要传递给函数的一个参数的名称,一个函数最多可以有255个参数。statements普通JS语句。生成器函数在执行时能暂停,后面又能从暂停处继续
2020-12-05 14:17:24 2243
原创 ES6的Set和WeakSet
Set和WeakSet//ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值//Set函数可以接受一个数组(或类似数组的对象)作为参数,用来初始化 //Set结构的实例有以下属性。 // Set.prototype.constructor:构造函数,默认就是Set函数。 // Set.prototype.size:返回Set实例的成员总数。 // Set实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员)。下面先介绍四个操作方法。 //
2020-12-05 11:12:01 116
原创 ES6的class的理解和ES5的一些区别
ES6的classclass Person { constructor(x, y) { this.x = x; this.y = y; } show() { console.log('x---', this.x, 'y----', this.y); } }类型为functionconsole.l
2020-12-05 09:45:07 595
原创 Map和WeakMap的方法和区别
Map和WeakMap使用new Map()语法进行声明,Map键的类型可以使用任意对象作为键(字符串,object类型),我们还可以直接以二维数组键值对的形传入到构建函数中,第一项为键,后一项为值let map = new Map();let o = { n: 1 };map.set(o, "A"); //addmap.set("2", 9);console.log(map.has("2")); //check if key existsconsole.log(map.get(o))
2020-12-04 20:31:11 1442
原创 rem适配移动端原理
rem适配移动端原理 //现代浏览器本身的html根是16px,我们可以采用100/16*100% = 625%;的比例去换算rem //这样1rem=100px,这样子好换算 // rem转换px 然后适应到其他设备原理 这里以320px宽度的设备为标准去划分,其他宽度划分类似 //然后再根据其他设备的宽度去设定其根值font-size大小 //方式一: //这是一个例子 @media screen and (min-width:360px) an
2020-12-04 11:36:20 1105 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人