女王控的博客

前端

165 篇文章

面试难题解析

微任务与任务队列的执行顺序 写出以上代码的输出结果,分析原因 123B0undefined 执行顺序:同步环境执行 -> 事件循环 1(microtask queue 的 All)-> 事件循环 2(macrotask queue 中的一个) -> 事件循环 1(microtask queue 的 All)-> 事件循环 2(macrotask queue 中的一个) 修改代码,使 3 秒钟输出 3,再 2 秒钟输出 2,再 1 秒钟输出 1(A、B 可忽略) this 指向与 new… »

你不知道的JS之this

关于 this 为什么要用 this 如果不使用 this: 误解 指向自身 this 并不是指向函数本身,下例中的 count 通过 LHS 查找指向全局变量。 利用词法作用域的一种“解决”办法,逃避的解决方式 foo 标识符代替 this 引用函数对象,同样回避了 this 问题 强制 this 指向 foo 函数对象,完美的解决方式 它的作用域 this 不一定指向函数的作用域,this 在任何情况下都不指向函数的词法作用域,具体表现为 a 不能通过 this.a/foo.a… »

你不知道的JS作用域与闭包

作用域是什么 LHS 与 RHS LHS 和 RHS 的含义是 并不一定意味着就是 。赋值操作还有其他几种形式,因此在概念上最好将其理解为 以及 。 作用域 LHS 和 RHS 引用都会在当前作用域进行查找,如果还是没有找到就继续向上,以此类推。 对 b 进行的 RHS 引用无法在函数 foo 内部完成,但可以在上一级作用域(在这个例子中就是全局作用域)中完成。 异常 区分 LHS 和 RHS… »

CSS世界流、元素与基本尺寸

流、元素与基本尺寸 块级元素 块级元素具有换行特性,因此可以利用它配合 clear 属性清除浮动。 list-item 清除浮动 清除浮动时不会使用 list-item 的原因: 字符比较多 会出现不需要的项目符号 IE 浏览器不支持伪元素的 display 值为 list-item list-item 元素会出现项目符号原因 生成了一个附加的标记盒子,专门用来放圆点、数字这些项目符号的。 IE 浏览器下伪元素不支持的原因就是无法创建这个标记盒子。 display:inline-table… »

CSS世界概述与术语

概述 流的概念 CSS 世界的诞生就是为图文信息展示服务的。 流影响整个 CSS 世界。 table 有着自己的世界。 CSS3 布局更为丰富 移动端的崛起催生了 CSS 媒体查询以及响应式特性,如图片元素的 srcset 属性、 CSS 的 object-fit 属性。 弹性盒子布局。 格栅布局。 视觉表现长足进步 圆角、阴影和渐变。 transform 变换。 filter 滤镜和混合模式。 animation 动画。 专业术语 属性 height、color 代表属性 值 99px… »

0%