摘要:
1、滑块拖拽 html: js: 2、鼠标滑动滑块 html css js 应用场景实现进度区域的滑动,下面时间轴跟着显示相应的时间点,点击时间轴,进度条跟着展示相应的区域!! 3、滑动滑块,切换页面 css: html: js: 阅读全文
摘要:
1、怎么判断是数组、对象、函数 判断是数组还是对象 Object.prototype.toString方法会取得对象的一个内部属性[[Class]],然后依据这个属性,返回一个类似于[object Array]的字符串作为结果,call用来改变toString的this指向为待检测的对象 同理判断一 阅读全文
摘要:
应用场景 宽高比率,实现图片自适应高度,防止图片加载过程高度为0,加载完图片高度撑起,它下面的div抖动问题 重点:CSS百分比padding都是相对宽度计算的 可以看到,当把垂直方向padding值只使用padding-bottom表示的时候,如果没有text-align属性干扰,<img>元素的 阅读全文
摘要:
{ let arr=['hello','world']; let map=arr[Symbol.iterator](); //返回false时继续执行,true停止执行! console.log(map.next()); console.log(map.next()); console.log(map.next()); } { let obj=... 阅读全文
摘要:
知识点1:rosolve是执行下一步then() 知识点2:允许多个下一步(then()里面再嵌Promise实例) 知识点3:抛错时处理 应用场景:图片加载( Promise.all([]).then() 和 Promise.race([]).then() ) 场景1:多张图片加载,实现所有图片加 阅读全文
摘要:
getter(读取)、setter(设置)属性 static静态方法跟静态属性 阅读全文
摘要:
proxy用法 Reflect Reflect用法跟Proxy一样,他有的方法他都有,使用起来更简单 应用场景 数据校验 阅读全文
摘要:
var isUploadImg = false; //在input file内容改变的时候触发事件******************上传图片 $('#filed').change(function(){ var file = $('#filed').get(0).files[0]; var file... 阅读全文
摘要:
1、for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。 for in遍历比较适合遍历对象,不太适合数组,有可能遍历出来的不按照顺序 遍历数组 遍历对象 for of遍历 forEach(value,index,arr)遍历数组 (value是当前遍历的值,index是当前遍 阅读全文
摘要:
1、Symbol ES5 的对象属性名都是字符串,这容易造成属性名的冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。 2、数据结构 Set-Map数据结构 定义:类似于数组的数据结构,成员值都是唯一且没有重复的值, 阅读全文