浏览器机制

浏览器机制 17

如何区分 HTTP 头中的 no-cache 和 no-store？

HTTP 头中的 no-cache 和 no-store 指令分别影响浏览器的缓存机制。no-cache 允许缓存但需验证，而 no-store 完全禁用缓存。

中等 HTTP 缓存缓存机制

07-09

什么是跨域？如何解决跨域问题？

跨域是浏览器的安全机制，阻止不同源之间的请求。解决方案包括 CORS、JSONP、代理服务器和使用 postMessage API。

中等跨域 CORS 浏览器安全

07-09

浏览器中 Cookie 包含哪些字段？

Cookie 是浏览器中用于存储用户状态数据的机制。常见的 Cookie 字段包括 Name、Value、Domain、Path、Expires、Max-Age 等。

简单 Cookie

07-08

不同端口（如 localhost:3000 和 localhost:5000）之间的 Cookie 是否共享？

在不同的本地端口上运行的应用程序之间，Cookie 是否会被共享？这是理解浏览器如何处理跨域请求的重要基础。

中等 Cookie 跨域跨域问题

07-08

HTTP/2 中如何实现首部压缩？

HTTP/2 使用 HPACK 算法通过静态和动态表以及 Huffman 编码来压缩请求和响应头，减少数据传输量。

困难性能优化 HTTP/2 HTTP

07-08

当 cookie 没有设置 maxAge 时，它会存在多久？

Cookie 在没有设置 maxAge 时仅在会话期间有效，关闭浏览器后被删除。默认行为适用于所有主流浏览器。

中等 cookie javascript browser

07-07

如何在 CORS 中指定多个域名？

通过动态设置 `Access-Control-Allow-Origin` 实现支持多个域名的 CORS 配置。

中等 CORS 跨域 HTTP

07-07

如何将网页内容转换为图片？

介绍如何将 DOM 元素渲染到 Canvas 并导出为图片的方法，包括使用 html2canvas 库和浏览器原生 API 实现。

中等 Canvas DOM操作图像处理

07-07

你了解 Web Components 的标准化和浏览器支持情况吗？

探讨 Web Components 的标准化进程及其在主流浏览器中的支持情况。

中等组件化开发 web-components browser-support

07-06

浏览器如何优化渲染流程中的重排和重绘？

浏览器的渲染流程涉及 HTML 解析、DOM 生成、布局计算、分层和绘制。优化包括减少强制重排、分离读写操作。

困难性能优化浏览器渲染

07-06

什么是 WebAssembly？理解其应用场景。

WebAssembly 是一种高效的二进制指令格式，常用于高性能的浏览器应用，了解其基本概念和应用场景。

中等性能优化 WebAssembly 技术基础

07-06

前端路由的实现原理及 Hash vs History 模式的区别

探讨前端路由的两种实现方式及其核心差异，包括 Hash 和 History 模式的工作机制、优缺点以及适用场景。

困难前端路由前端基础路由机制

07-06

移动端 300ms 延迟的原因及解决方案

分析移动浏览器 300ms 点击延迟的成因及其解决方案，涉及元数据、CSS 样式和 JavaScript 库。

中等移动端性能优化事件处理

07-06

如何处理前端中的跨浏览器兼容性问题？

跨浏览器兼容性需要通过标准化规范、CSS 和 JavaScript 的兼容性处理以及构建工具的集成来解决，确保在各种浏览器上表现一致。

困难兼容性浏览器兼容浏览器

07-06

如何区分 Cookies、sessionStorage 与 localStorage？

Cookies 主要用于服务器端的会话管理，而 sessionStorage 和 localStorage 属于 HTML5 Web Storage API，分别用于临时数据和持久化存储。

中等浏览器本地存储 JavaScript

07-06

什么是 Service Worker？它有什么用途？

Service Worker 是一种在浏览器后台运行的脚本，用于处理网络请求和提供离线功能。

中等网络请求离线功能网络

07-06

浏览器如何渲染网页？

解释了浏览器渲染 HTML、CSS 和 JavaScript 的步骤。

困难渲染流程渲染渲染过程

07-06