当前位置: 首页 > 科技观察

记住这24个ES6方法,解决实际开发中的JS问题_1

时间:2023-03-18 21:13:09 科技观察

本文主要介绍24个ES6方法。这些方法非常实用。1.如何隐藏所有指定的元素2.如何检查一个元素是否有指定的类?页面DOM中的每个节点都有一个classList对象,程序员可以使用里面的方法对节点种类上的CSS进行增删改查。使用classList,程序员还可以用它来判断某个节点是否被分配了某个CSS类。3.如何切换元素的类?4、如何获取当前页面的滚动位置?5、如何平滑滚动到页面顶部window.requestAnimationFrame()告诉浏览器你要执行一个动画,并要求浏览器下次重启时在绘制之前调用指定的回调函数来更新动画。该方法需要传入一个回调函数作为参数,回调函数会在下次浏览器重绘前执行。requestAnimationFrame:优点:回调函数的执行时机由系统决定。如果刷新频率为60Hz,那么回调函数会在每个刷新间隔执行一次,不会造成丢帧或卡顿。6.如何检查父元素是否包含子元素?7.如何检查指定元素在视口中是否可见?8、如何获取一个元素中的所有图片?9.如何判断设备是移动设备还是台式机/笔记本电脑?10、如何获取当前的URL?11.如何创建一个包含当前URL参数的对象?12.如何将一组表单元素转化为一个对象?13.如何从对象中检索给定选择器指示的一组属性?14.等待指定时间后如何调用提供的函数?15.如何在给定元素上触发特定事件并选择性地传递自定义数据?自定义事件的函数有Event,CustomEvent和dispatchEventCustomEvent可以创建一个自定义程度更高的事件,还可以附加一些数据,具体用法如下:detail可以存放一些初始化信息,触发时可以调用。其他属性就是定义事件是否有冒泡等等。内置事件会由浏览器根据某些操作触发,而自定义事件则需要手动触发。dispatchEvent函数用于触发一个事件:element.dispatchEvent(customEvent);上面的代码表示在元素上触发了customEvent事件。16.如何从元素中删除事件侦听器?17.如何获得给定毫秒数的可读格式?18.如何计算两个日期之间的天数?19.如何给传递的URL添加一个值发起GET请求?20.如何向传递的URL发出POST请求?21.如何为指定的选择器创建一个具有指定范围、步长和持续时间的计数器?22.如何将字符串复制到剪贴板?23、如何判断页面的浏览器标签是否被聚焦?24.如何创建目录(如果不存在)?这里的大部分方法都非常实用,可以解决开发过程中的很多问题,请大家好好利用。