女王控的博客

全部

198 篇文章

设计模式之结构型模式(一)

适配器模式(Adapter) 将一个类的接口转换成客户希望的另外一个接口。Adapter 模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 问题背景 在 NBA 我需要翻译 姚明刚来到 NBA,身材够高,球技够好 但是英语不是很懂,听不懂教练的战术安排 球员分为前锋、中锋和后卫 教练会给球员分配进攻、防守任务 模式动机 通常,客户类(client of class)通过类的接口访问它提供的服务。有时现有的类(existing class… »

设计模式之创建型模式

根据其目的(模式是用来做什么的)可分为创建型(Creational),结构型(Structural)和行为型(Behavioral)三种: 创建型模式主要用于创建对象。 结构型模式主要用于处理类或对象的组合。 行为型模式主要用于描述对类或对象怎样交互和怎样分配职责。 创建型模式 单例模式(Singleton… »

前端面试题JS部分

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

前端面试题CSS部分

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

前端面试题HTML部分

DOCTYPE 有什么用? 版本一 在 HTML 中 doctype 有两个主要目的。 对文档进行有效性验证: 它告诉用户代理和校验器这个文档是按照什么 DTD 写的。这个动作是被动的,每次页面加载时,浏览器并不会下载 DTD 并检查合法性,只有当手动校验页面时才启用。 决定浏览器的呈现模式: 对于实际操作,通知浏览器读取文档时用哪种解析算法。如果没有写,则浏览器则根据自身的规则对代码进行解析,可能会严重影响 HTML 排版布局。浏览器有三种方式解析 HTML… »

0%