Anislandwhale-CSDN博客

原创前端面试题合集

对日常面试中，经常会遇见的面试题进行了一些收集，并附上相关的回答，提供个正在求职的前端宝子们，一些参考，会时常更新

2024-04-26 20:04:31 744 1

设计模式是一种被反复使用、可在特定环境下不断重复使用的设计思想。它是一种解决问题的方案，是软件工程中可以被反复使用的设计经验总结。创建型模式：单例模式、工厂模式、抽象工厂模式、建造者模式、原型模式。结构型模式：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。行为型模式：策略模式、模板方法模式、观察者模式、迭代子模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式、中介者模式、解释器模式。并发型模式：活锁模式、管程模式、同步模式。

2024-03-19 13:52:02 935

原创【前端面试题】：HTTP与浏览器篇

FOUC，全称为 Flash Of Unstyled Content，中文称为无样式内容闪烁，也可以称为文档样式短暂失效。它主要发生在 HTML 已加载而样式表并未加载完成的情况下，当样式表加载完毕后再进行页面渲染，从而导致页面内容短暂地以无样式形式显示，随后样式被应用，出现页面内容样式闪烁的现象。预加载样式表：使用 link 标签的 rel="preload"属性，在页面加载时预先加载样式表，从而避免样式表加载时间过长而导致的 FOUC 现象。延迟加载样式表。

2024-03-19 12:48:35 593

原创【前端面试题】：网络安全篇

HTTPS 中间人攻击是一种网络安全威胁，攻击者通过拦截客户端和服务器之间的通信，作为中间人处理双方的数据，从而窃取或篡改信息。这种攻击通常发生在攻击者能够控制或监听客户端和服务器之间的网络连接时，例如公共 Wi-Fi 等不安全网络环境。在 HTTPS 中间人攻击中，攻击者会拦截服务器向客户端发送的公钥，并用自己的伪造公钥替换它。当客户端使用伪造公钥加密数据并发送给服务器时，攻击者可以拦截并解密这些数据。同时，攻击者还可以用自己的私钥重新加密这些数据，并将其发送给服务器，使得服务器无法察觉异常。

2024-03-19 00:10:41 996

原创【前端面试题】：性能优化篇

允许用户根据自己的需求自定义工具的设置和功能。这可以提高用户的满意度和工具的实用性。

2024-03-18 23:56:36 892

原创【前端面试题】：前端工程化篇

JavaScript 模块化可以包含异步模块化，但不仅仅局限于异步模块化。JavaScript 模块化是一个更广泛的概念，它可以通过不同的方式实现，包括同步和异步加载。

2024-03-18 23:27:21 714

原创【前端面试题】：JavaScript篇

在 JavaScript 中，文档的预解析（也称为预编译或预扫描）是浏览器在正式执行 JavaScript 代码之前，对代码进行的一次快速解析过程。这个过程主要是识别并标记出代码中的变量和函数声明，但不涉及具体的执行或计算。优点是提高了 JS 的执行效率，减少了不必要的错误和报警。缺点是可能会增加代码的复杂性和理解难度，需要开发者对预解析的规则有深入的了解。DOM，即文档对象模型，是一种编程接口，用于表示和操作 HTML 或 XML 文档的内容、结构和样式。

2024-03-17 18:20:11 1893

原创【前端面试题】：Vue篇

组件复用性：Vue 组件设计初衷就是为了复用。当我们在不同地方多次使用同一个组件时，每个组件实例都应该拥有自己独立的状态，而不是共享同一个状态。将data定义为函数可以确保每次复用组件时都会返回一个新的状态对象，从而避免状态污染。组件独立性：组件的独立性是其封装性的体现。通过将data定义为函数，每个组件实例都能创建并维护自己的私有数据空间。这保证了组件内部状态的独立性，使得组件的逻辑更加清晰和可控。响应式系统：Vue 的响应式系统依赖于组件的data。将data。

2024-03-15 22:01:38 1034

原创 Vue组件通信秘籍：掌握这10大绝招，轻松玩转组件间数据传递

Vue 组件之间的通信是 Vue 开发的核心概念之一。

2024-03-14 23:38:15 403

原创【前端面试题】：CSS篇

弹性布局（Flexbox Layout）定义：弹性布局是一种现代的 CSS 布局模式，它允许你设计复杂的布局结构，而无需使用浮动或定位。Flexbox 布局模型设计用来在容器内部以最佳的方式对齐和分布空间，即使容器大小动态变化或未知，也可以高效地填充可用空间。优点灵活性高：可以轻松地设计复杂的布局结构，如垂直居中、等分布局等。响应式设计：可以很好地适应不同屏幕和设备的大小。控制性强：通过控制主轴和交叉轴上的对齐方式，可以精确控制元素的位置。缺点。

2024-03-14 22:11:52 1701

原创【前端面试题】：HTML篇

虚拟 DOM 先将真实 DOM 转换为 JavaScript 对象，再找出与旧虚拟 DOM 的差异，最后将这些差异应用到真实 DOM 上，减少了直接操作，降低了性能损耗。：虚拟 DOM 通过比较新旧 DOM 节点的差异，并只更新需要变更的部分，来减少不必要的 DOM 操作，从而提高性能。，src 主要用于嵌入到文档中的资源，如图片、音频、视频和脚本等。：虚拟 DOM 是 HTML DOM 的抽象表示，它用 JavaScript 对象来描述 DOM 节点及其属性和内容的层次结构，而不是真正的 DOM 节点。

2024-03-12 23:55:27 905 2

Anislandwhale的博客