摘要: 知识点1:addEventListener() 方法,事件监听,可以使用 removeEventListener() 方法来移除事件的监听。 语法 第一个参数是事件的类型 (如 "click" 或 "mousedown"). 第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡 阅读全文
posted @ 2018-11-16 16:49 心向阳 阅读(4375) 评论(0) 推荐(0) 编辑
摘要: 1、滑块拖拽 html: js: 2、鼠标滑动滑块 html css js 应用场景实现进度区域的滑动,下面时间轴跟着显示相应的时间点,点击时间轴,进度条跟着展示相应的区域!! 3、滑动滑块,切换页面 css: html: js: 阅读全文
posted @ 2018-11-14 19:17 心向阳 阅读(4962) 评论(0) 推荐(0) 编辑
摘要: 1、怎么判断是数组、对象、函数 判断是数组还是对象 Object.prototype.toString方法会取得对象的一个内部属性[[Class]],然后依据这个属性,返回一个类似于[object Array]的字符串作为结果,call用来改变toString的this指向为待检测的对象 同理判断一 阅读全文
posted @ 2018-11-13 10:49 心向阳 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 应用场景 宽高比率,实现图片自适应高度,防止图片加载过程高度为0,加载完图片高度撑起,它下面的div抖动问题 重点:CSS百分比padding都是相对宽度计算的 可以看到,当把垂直方向padding值只使用padding-bottom表示的时候,如果没有text-align属性干扰,<img>元素的 阅读全文
posted @ 2018-11-10 11:22 心向阳 阅读(1272) 评论(0) 推荐(1) 编辑
摘要: { 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=... 阅读全文
posted @ 2018-11-09 18:22 心向阳 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 知识点1:rosolve是执行下一步then() 知识点2:允许多个下一步(then()里面再嵌Promise实例) 知识点3:抛错时处理 应用场景:图片加载( Promise.all([]).then() 和 Promise.race([]).then() ) 场景1:多张图片加载,实现所有图片加 阅读全文
posted @ 2018-11-09 15:41 心向阳 阅读(291) 评论(0) 推荐(0) 编辑
摘要: getter(读取)、setter(设置)属性 static静态方法跟静态属性 阅读全文
posted @ 2018-11-08 18:34 心向阳 阅读(226) 评论(0) 推荐(0) 编辑
摘要: proxy用法 Reflect Reflect用法跟Proxy一样,他有的方法他都有,使用起来更简单 应用场景 数据校验 阅读全文
posted @ 2018-11-07 18:35 心向阳 阅读(371) 评论(0) 推荐(0) 编辑
摘要: var isUploadImg = false; //在input file内容改变的时候触发事件******************上传图片 $('#filed').change(function(){ var file = $('#filed').get(0).files[0]; var file... 阅读全文
posted @ 2018-11-07 14:17 心向阳 阅读(11438) 评论(0) 推荐(2) 编辑
摘要: 1、for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。 for in遍历比较适合遍历对象,不太适合数组,有可能遍历出来的不按照顺序 遍历数组 遍历对象 for of遍历 forEach(value,index,arr)遍历数组 (value是当前遍历的值,index是当前遍 阅读全文
posted @ 2018-11-06 16:55 心向阳 阅读(2217) 评论(0) 推荐(0) 编辑