02 2019 档案
原生js监听input值发生变化
摘要:原生JS中可以使用oninput,onpropertychange,onchange oninput,onpropertychange,onchange的用法 1) onchange 触发事件必须满足两个条件: a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点
阅读全文
防抖函数与节流函数
摘要:应用场景 实际工作中,我们经常性的会通过监听某些事件完成对应的需求,比如: 常规实现,以监听 scroll 事件为例 我们先来看一下scroll事件的触发频率 效果如下: 从效果上,我们可以看到,在页面滚动的时候,会在短时间内触发多次绑定事件。 我们知道DOM操作是很耗费性能的,如果在监听中,做了一
阅读全文
原生js 实现better-scroll效果,饿了么菜单内容联动,即粘即用
摘要:上面只是一个better-scroll基本的功能; git上是我仿饿了么实现购物的一些基本功能,也是下载即用 https://github.com/a653398363/moblieShopping
阅读全文
js 判断数组重复元素以及重复的个数
摘要:结果如下: 鉴于方便观察,将数据根据count进行排序; 得到结果:
阅读全文
JS数组reduce()方法详解及高级技巧
摘要:1、语法 arr.reduce(callback,[initialValue]) reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组。 callback (执行
阅读全文
vw、vh、vmin、vmax 的含义
摘要:像 px、em 这样的长度单位大家肯定都很熟悉,前者为绝对单位,后者为相对单位。CSS3 又引入了新单位:vw、vh、vmin、vmax。下面对它们做个详细介绍。 一、基本说明 1,vw、vh、vmin、vmax 的含义 (1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它相对的不
阅读全文