女王控的博客

前端

116 篇文章

CSS世界概述与术语

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

React虚拟Dom算法

React中最神奇的部分莫过于虚拟DOM,以及其高效的Diff算法。这让我们可以无需担心性能问题而“毫无顾忌”的随时“刷新”整个页面,由虚拟DOM来确保只对界面上真正变化的部分进行实际的DOM操作。React在这一部分已经做到足够透明,在实际开发中我们基本无需关心虚拟DOM是如何运作的。然而,作为有态度的程序员,我们总是对技术背后的原理充满着好奇。理解其运行机制不仅有助于更好的理解React组件的生命周期,而且对于进一步优化React程序也会有很大帮助。 什么是DOM Diff算法 Web… »

MVVM原理探究

接上文 腾讯面试总结 剖析Vue实现原理 效果: 实现Observer ok, 思路已经整理完毕,也已经比较明确相关逻辑和模块功能了,let’s do it 我们知道可以利用 来监听属性变动那么将需要observe… »

前端面试题JS部分

请解释事件委托(event delegation) 事件委托是将事件监听器添加到父元素,而不是每个子元素单独设置事件监听器。当触发子元素时,事件会冒泡到父元素,监听器就会触发。这种技术的好处是: 内存占用减少,因为只需要一个父元素的事件处理程序,而不必为每个后代都添加事件处理程序。 无需从已删除的元素中解绑处理程序,也无需将处理程序绑定到新元素上。 参考 https://davidwalsh.name/event-delegate https://stackoverflow.com… »

前端面试题CSS部分

CSS 选择器的优先级是如何计算的? 浏览器通过优先级规则,判断元素展示哪些样式。优先级通过 4 个维度指标确定,我们假定以 命名,分别代表以下含义: 表示是否使用内联样式(inline style)。如果使用, 为 1,否则为 0。 表示 ID… »

0%