![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
#前端面试题合集
文章平均质量分 91
一个专注于收集和整理前端技术面试常见问题的专栏。它旨在为前端开发者提供一个学习和准备面试的资源平台,帮助他们更好地了解面试中可能遇到的问题,并提前做好准备。
Anislandwhale
因为喜欢,可迎万难
展开
-
【前端面试题】:HTTP与浏览器篇
FOUC,全称为 Flash Of Unstyled Content,中文称为无样式内容闪烁,也可以称为文档样式短暂失效。它主要发生在 HTML 已加载而样式表并未加载完成的情况下,当样式表加载完毕后再进行页面渲染,从而导致页面内容短暂地以无样式形式显示,随后样式被应用,出现页面内容样式闪烁的现象。预加载样式表:使用 link 标签的 rel="preload"属性,在页面加载时预先加载样式表,从而避免样式表加载时间过长而导致的 FOUC 现象。延迟加载样式表。原创 2024-03-19 12:48:35 · 771 阅读 · 0 评论 -
【前端面试题】:网络安全篇
HTTPS 中间人攻击是一种网络安全威胁,攻击者通过拦截客户端和服务器之间的通信,作为中间人处理双方的数据,从而窃取或篡改信息。这种攻击通常发生在攻击者能够控制或监听客户端和服务器之间的网络连接时,例如公共 Wi-Fi 等不安全网络环境。在 HTTPS 中间人攻击中,攻击者会拦截服务器向客户端发送的公钥,并用自己的伪造公钥替换它。当客户端使用伪造公钥加密数据并发送给服务器时,攻击者可以拦截并解密这些数据。同时,攻击者还可以用自己的私钥重新加密这些数据,并将其发送给服务器,使得服务器无法察觉异常。原创 2024-03-19 00:10:41 · 1426 阅读 · 0 评论 -
【前端面试题】:性能优化篇
允许用户根据自己的需求自定义工具的设置和功能。这可以提高用户的满意度和工具的实用性。原创 2024-03-18 23:56:36 · 1692 阅读 · 0 评论 -
【前端面试题】:前端工程化篇
JavaScript 模块化可以包含异步模块化,但不仅仅局限于异步模块化。JavaScript 模块化是一个更广泛的概念,它可以通过不同的方式实现,包括同步和异步加载。原创 2024-03-18 23:27:21 · 917 阅读 · 0 评论 -
【前端面试题】:JavaScript篇
在 JavaScript 中,文档的预解析(也称为预编译或预扫描)是浏览器在正式执行 JavaScript 代码之前,对代码进行的一次快速解析过程。这个过程主要是识别并标记出代码中的变量和函数声明,但不涉及具体的执行或计算。优点是提高了 JS 的执行效率,减少了不必要的错误和报警。缺点是可能会增加代码的复杂性和理解难度,需要开发者对预解析的规则有深入的了解。DOM,即文档对象模型,是一种编程接口,用于表示和操作 HTML 或 XML 文档的内容、结构和样式。原创 2024-03-17 18:20:11 · 2076 阅读 · 0 评论 -
【前端面试题】:Vue篇
组件复用性:Vue 组件设计初衷就是为了复用。当我们在不同地方多次使用同一个组件时,每个组件实例都应该拥有自己独立的状态,而不是共享同一个状态。将data定义为函数可以确保每次复用组件时都会返回一个新的状态对象,从而避免状态污染。组件独立性:组件的独立性是其封装性的体现。通过将data定义为函数,每个组件实例都能创建并维护自己的私有数据空间。这保证了组件内部状态的独立性,使得组件的逻辑更加清晰和可控。响应式系统:Vue 的响应式系统依赖于组件的data。将data。原创 2024-03-15 22:01:38 · 1150 阅读 · 0 评论 -
【前端面试题】:CSS篇
弹性布局(Flexbox Layout)定义:弹性布局是一种现代的 CSS 布局模式,它允许你设计复杂的布局结构,而无需使用浮动或定位。Flexbox 布局模型设计用来在容器内部以最佳的方式对齐和分布空间,即使容器大小动态变化或未知,也可以高效地填充可用空间。优点灵活性高:可以轻松地设计复杂的布局结构,如垂直居中、等分布局等。响应式设计:可以很好地适应不同屏幕和设备的大小。控制性强:通过控制主轴和交叉轴上的对齐方式,可以精确控制元素的位置。缺点。原创 2024-03-14 22:11:52 · 1786 阅读 · 0 评论 -
【前端面试题】:HTML篇
虚拟 DOM 先将真实 DOM 转换为 JavaScript 对象,再找出与旧虚拟 DOM 的差异,最后将这些差异应用到真实 DOM 上,减少了直接操作,降低了性能损耗。:虚拟 DOM 通过比较新旧 DOM 节点的差异,并只更新需要变更的部分,来减少不必要的 DOM 操作,从而提高性能。,src 主要用于嵌入到文档中的资源,如图片、音频、视频和脚本等。:虚拟 DOM 是 HTML DOM 的抽象表示,它用 JavaScript 对象来描述 DOM 节点及其属性和内容的层次结构,而不是真正的 DOM 节点。原创 2024-03-12 23:55:27 · 943 阅读 · 2 评论