女王控的博客

JS

31 篇文章

document.readyState的作用

简介 document.readyState 是一个只读属性,可以返回当前文档的准备状态。 语法 其中 state 值包含下面三个值: loading 表示文档正在加载中。 interactive 表示文档已完成加载,文档已被解析,但图像、样式表和框架等子资源仍在加载。 complete 表示文档和所有子资源已完成加载。如果状态变成这个,表明 load 事件即将触发。 DOM 事件绑定没必要等 domready 对于 web 页面开发,JavaScript 最主要的功能之一就是页面上 DOM… »

iframe和HTML5 blob实现当前页预览

实现方式 通常会新建一个另外的独立页面,专门用来接收传入的前端代码,通过新开窗口或者嵌入 iframe 页面的方式达到最终效果,其中可能会用到 HTML5 postMessage 等通信技术。 然而实际上,对于这个预览效果,如果代码是我们自己控制,而不是全权交给用户编辑的,是没有必要新建一个另外的预览页面,亦或者是在新窗口(新标签页)中浏览的。可以直接在当前页面构建一个文档上下文,实现更加方便快捷的预览。 核心原理 需要注意的是,当我们使用 new Blob… »

JS检测CSS属性浏览器是否支持

原生 CSS.supports 语法 返回布尔值 true 或者 false,用来检测是否支持某 CSS 属性。 实际开发的时候,需要使用到对 CSS 检测场景,往往都是针对低版本的 IE 浏览器,例如 IE9-IE11,低版本的 IE 浏览器并不支持浏览器原生支持的 CSS.supports()方法。 JS 赋值再取值的检测方法 当浏览器不支持某个 CSS 属性的时候,就算你强制设置,获取的计算值也不会是你设置的属性值 注意点 getComputedStyle… »

防抖节流的区别与实现

防抖动是将多次执行变为最后一次执行,节流是将多次执行变成每隔一段时间执行。 防抖 触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间 思路: 每次触发事件时都取消之前的延时调用方法 节流 高频事件触发,但在 n 秒内只会执行一次,所以节流会稀释函数的执行频率 思路: 每次触发事件时都判断当前是否有等待执行的延时函数 »

0%