上一页 1 ··· 8 9 10 11 12 13 14 15 16 下一页
摘要: 1、滑块拖拽 html: js: 2、鼠标滑动滑块 html css js 应用场景实现进度区域的滑动,下面时间轴跟着显示相应的时间点,点击时间轴,进度条跟着展示相应的区域!! 3、滑动滑块,切换页面 css: html: js: 阅读全文
posted @ 2018-11-14 19:17 心向阳 阅读(4916) 评论(0) 推荐(0) 编辑
摘要: 1、怎么判断是数组、对象、函数 判断是数组还是对象 Object.prototype.toString方法会取得对象的一个内部属性[[Class]],然后依据这个属性,返回一个类似于[object Array]的字符串作为结果,call用来改变toString的this指向为待检测的对象 同理判断一 阅读全文
posted @ 2018-11-13 10:49 心向阳 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 应用场景 宽高比率,实现图片自适应高度,防止图片加载过程高度为0,加载完图片高度撑起,它下面的div抖动问题 重点:CSS百分比padding都是相对宽度计算的 可以看到,当把垂直方向padding值只使用padding-bottom表示的时候,如果没有text-align属性干扰,<img>元素的 阅读全文
posted @ 2018-11-10 11:22 心向阳 阅读(1268) 评论(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 心向阳 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 知识点1:rosolve是执行下一步then() 知识点2:允许多个下一步(then()里面再嵌Promise实例) 知识点3:抛错时处理 应用场景:图片加载( Promise.all([]).then() 和 Promise.race([]).then() ) 场景1:多张图片加载,实现所有图片加 阅读全文
posted @ 2018-11-09 15:41 心向阳 阅读(288) 评论(0) 推荐(0) 编辑
摘要: getter(读取)、setter(设置)属性 static静态方法跟静态属性 阅读全文
posted @ 2018-11-08 18:34 心向阳 阅读(223) 评论(0) 推荐(0) 编辑
摘要: proxy用法 Reflect Reflect用法跟Proxy一样,他有的方法他都有,使用起来更简单 应用场景 数据校验 阅读全文
posted @ 2018-11-07 18:35 心向阳 阅读(367) 评论(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 心向阳 阅读(11393) 评论(0) 推荐(2) 编辑
摘要: 1、for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。 for in遍历比较适合遍历对象,不太适合数组,有可能遍历出来的不按照顺序 遍历数组 遍历对象 for of遍历 forEach(value,index,arr)遍历数组 (value是当前遍历的值,index是当前遍 阅读全文
posted @ 2018-11-06 16:55 心向阳 阅读(2209) 评论(0) 推荐(0) 编辑
摘要: 1、Symbol ES5 的对象属性名都是字符串,这容易造成属性名的冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。 2、数据结构 Set-Map数据结构 定义:类似于数组的数据结构,成员值都是唯一且没有重复的值, 阅读全文
posted @ 2018-11-05 22:44 心向阳 阅读(156) 评论(0) 推荐(0) 编辑
上一页 1 ··· 8 9 10 11 12 13 14 15 16 下一页