前端
0 篇文章CSS 视觉 - :is/:matches/:any 选择器
浏览器 - 监听 DOM 的修改 (advanced)
浏览器 - 移除监听事件
2019-11-27 描述从一个元素上移除一个事件监听。提示使用 EventTarget.removeEventListener()从一个元素上移除一个使用 EventTarget.addEventListener()方法添加的事件监听第四个参数 opts 的默认值使用 false,否则的话需使用监听事件被添加时候的选项代码 constoff=(el,evt,fn,opts=false)=>el.removeEv
浏览器 - 添加监听事件
浏览器 - 监听用户输入方式的改变 (advanced)
浏览器 - 返回浏览器支持的 CSS 前缀属性
2019-12-02 描述如果浏览器中的 CSS 属性需要前缀支持的话请返回包含其前缀的完整属性。提示将各浏览器的前缀放入 prefixes 数组中使用 String.prototype.charAt()和 String.prototype.toUpperCase()将属性的第一个字母转换为大写,然后在前面添加上前缀使用 Array.prototype.findIndex()对 prefixes 数组进行检测,如果 do
浏览器 - 页面重绘前进行回调
2019-12-03 描述在每一帧动画前调用提供的回调函数。提示需使用递归变量 running 为 true 时,将持续调用已提供回调函数的 window.requestAnimationFrame()对象中应包含 start 和 stop 两个方法,以便手工对记录状态进行控制第二个参数 autoStart 默认值为 true。当运行该函数时,默认调用 start 方法代码 constrecordAnimationFrames=(
浏览器 - 重定向
浏览器 - 异步运行一个不阻塞 UI 的函数 (advanced)
浏览器 - 平滑的滚动到顶部
浏览器 - 序列化表单
浏览器 - 设置样式
浏览器 - 显示元素
2019-12-11 描述展现所有指定的元素。提示使用扩展运算符...和 Array.prototype.forEach()为指定的每一个元素清除 display 属性注意:以上方法太暴力,可能会破坏了页面中原有的布局。我们应先使用 getComputedStyle 来判断元素本身最终的 display、visibility、opacity 属性值,然后对在界面中无法显示的元素进行相应的修改代码 constshow=
浏览器 - 平滑的滚动到可见区域
浏览器 - 类值切换
2019-12-13 描述为元素切换类值。提示使用 element.classList.toggle()为指定元素切换类值 toggle 方法中如果类值存在,则删除他并返回 false。如果类值不存在,则添加他并返回 truetoggle 方法中当第二个参数存在时,需要根据执行结果来判断类值的添加或删除:若执行结果为 true,则添加指定的类值;若执行结果为 false,则删除指定的类值代码 consttoggleCl