11 2018 档案
摘要：鼠标事件（e=e||window.event） event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clie
阅读全文
摘要：1、使用浮动布局时，如果其中一个item的高度不一样，例如第一个的高度比较高，就会占用下一个项目的高度，导致第三个被挤到右边去，从而第四个被挤到最下面去！！！
阅读全文
摘要：加密步骤 1、需要加密的参数 2、js中引用jsencrypt.js文件，然后实例化，设置公钥，公钥需要后端提供，具体代码如下 3、把1、2中的代码复制到站长工具里面进行压缩
阅读全文
摘要：1、导出export，导入import组合 知识点1：导出export lesson2.js 知识点2：导入import（名称要一样对应，export名字叫test，那么import导入的时候就需要用同样的名字test来导入） index.js 知识点3：当需要引入的变量很多的时候，使用*加别名来解
阅读全文
摘要：Generator异步处理 应用场景 Decorator函数修饰符，通过修饰器修改类的行为
阅读全文
摘要：知识点1：addEventListener() 方法，事件监听，可以使用 removeEventListener() 方法来移除事件的监听。 语法 第一个参数是事件的类型 (如 "click" 或 "mousedown"). 第二个参数是事件触发后调用的函数。 第三个参数是个布尔值用于描述事件是冒泡
阅读全文
摘要：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数据结构 定义：类似于数组的数据结构，成员值都是唯一且没有重复的值，
阅读全文
摘要：如何使用字体图标 首先打开iconfont官网，选择相应的图标添加购物车，然后加入我的项目，然后下载到本地。解压，然后选择如下文件放在自己的目录下，然后修改iconfont.css下面相应的路径。 然后在需要用到字体图标的地方使用 iconfont.css路径修改 调用文件 如何新增字体图标 把新增
阅读全文
