13 12 月 2019 浏览器 - 类值切换 2019-12-13 描述为元素切换类值。提示使用 element.classList.toggle()为指定元素切换类值 toggle 方法中如果类值存在,则删除他并返回 false。如果类值不存在,则添加他并返回 truetoggle 方法中当第二个参数存在时,需要根据执行结果来判断类值的添加或删除:若执行结果为 true,则添加指定的类值;若执行结果为 false,则删除指定的类值代码 consttoggleCl
11 12 月 2019 浏览器 - 显示元素 2019-12-11 描述展现所有指定的元素。提示使用扩展运算符...和 Array.prototype.forEach()为指定的每一个元素清除 display 属性注意:以上方法太暴力,可能会破坏了页面中原有的布局。我们应先使用 getComputedStyle 来判断元素本身最终的 display、visibility、opacity 属性值,然后对在界面中无法显示的元素进行相应的修改代码 constshow=
03 12 月 2019 浏览器 - 页面重绘前进行回调 2019-12-03 描述在每一帧动画前调用提供的回调函数。提示需使用递归变量 running 为 true 时,将持续调用已提供回调函数的 window.requestAnimationFrame()对象中应包含 start 和 stop 两个方法,以便手工对记录状态进行控制第二个参数 autoStart 默认值为 true。当运行该函数时,默认调用 start 方法代码 constrecordAnimationFrames=(
03 12 月 2019 浏览器 - 返回浏览器支持的 CSS 前缀属性 2019-12-02 描述如果浏览器中的 CSS 属性需要前缀支持的话请返回包含其前缀的完整属性。提示将各浏览器的前缀放入 prefixes 数组中使用 String.prototype.charAt()和 String.prototype.toUpperCase()将属性的第一个字母转换为大写,然后在前面添加上前缀使用 Array.prototype.findIndex()对 prefixes 数组进行检测,如果 do
27 11 月 2019 浏览器 - 移除监听事件 2019-11-27 描述从一个元素上移除一个事件监听。提示使用 EventTarget.removeEventListener()从一个元素上移除一个使用 EventTarget.addEventListener()方法添加的事件监听第四个参数 opts 的默认值使用 false,否则的话需使用监听事件被添加时候的选项代码 constoff=(el,evt,fn,opts=false)=>el.removeEv
19 11 月 2019 浏览器 - 在元素尾部插入 HTML 2019-11-19 描述在指定元素的尾部后插入一个 HTML 字符串。提示使用位置参数为 afterend 的 el.insertAdjacentHTML()方法将解析好的 htmlString 插入到 el 元素的尾部后面 insertAdjacentHTML 不会重新解析自身正在使用的元素,因此元素内部的现有元素不会被破坏。这避免了额外的序列化步骤,使其比 innerHTML 操作更快代码 constinsertAfter