什么是语义化 HTML？

语义化 HTML 是使用正确的 HTML 元素来描述内容的含义。例如： - 使用 ` ` 而不是 ` ` - 使用 ` ` 表示导航 - 使用 ` ` 表示主要内容 - 使用 ` ` 表示独立的内容块这提高了可访问性、SEO 和代码可维护性。

CSS Grid 和 Flexbox 有什么区别？

两者都是 CSS 布局系统，但用途不同： **Flexbox**： - 一维布局（行或列） - 适合组件内部布局 - 主要用于内容分布 **CSS Grid**： - 二维布局（行和列） - 适合整体页面布局 - 可以创建复杂的网格系统它们可以结合使用，Flexbox 用于组件内部，Grid 用于页面整体布局。

闭包是 JavaScript 中的一个重要概念。当一个函数内部定义了另一个函数，内部函数可以访问外部函数的变量，即使外部函数已经执行完毕。这允许我们创建私有变量和函数工厂。闭包在事件处理、回调和高阶函数中广泛使用。

什么是 Web 性能优化？

Web 性能优化是提高网站加载速度和运行效率的过程。主要技术包括： 1. **资源优化**：压缩图片、CSS 和 JavaScript 2. **缓存策略**：使用浏览器缓存和 CDN 3. **懒加载**：延迟加载非关键资源 4. **代码分割**：按需加载 JavaScript 5. **减少重绘和回流**：优化 DOM 操作 6. **使用 Web Workers**：处理复杂计算

什么是跨域资源共享（CORS）？

CORS 是一种安全机制，允许 Web 服务器声明哪些来源可以访问其资源。当浏览器发出跨域请求时，服务器会发送特定的 HTTP 头来允许或拒绝请求。开发中常见问题包括预检请求、凭证处理和正确的响应头设置。

什么是 Progressive Web App（PWA）？

PWA 是使用现代 Web API 构建的 Web 应用程序，提供类似原生应用的用户体验。主要特性包括： 1. **离线工作**：使用 Service Workers 2. **可安装**：可以添加到主屏幕 3. **响应式**：适应所有设备 4. **安全**：必须通过 HTTPS 提供服务 5. **推送通知**：可以发送推送消息

Webpack 是一个现代 JavaScript 应用程序的静态模块打包器。它会递归地构建依赖关系图，将所有模块打包成一个或多个 bundle。主要功能包括： - 模块打包 - 代码分割 - 资源管理（图片、CSS 等） - 开发服务器 - 热模块替换现在 Vite 等工具提供了更快的开发体验。

什么是 Web 可访问性（a11y）？

Web 可访问性确保所有用户，包括残障人士，都能访问 Web 内容。最佳实践包括： 1. **语义化 HTML**：使用正确的 HTML 元素 2. **键盘导航**：确保所有功能可通过键盘访问 3. **ARIA 标签**：为屏幕阅读器提供额外信息 4. **颜色对比**：确保足够的对比度 5. **焦点管理**：清晰的焦点指示器

什么是 RESTful API？

RESTful API 是一种架构风格，用于设计网络应用程序的 API。原则包括： 1. **无状态**：每个请求包含所有必要信息 2. **统一接口**：使用标准 HTTP 方法（GET、POST、PUT、DELETE） 3. **资源导向**：URL 代表资源 4. **表示层**：客户端和服务器交换资源的表示 5. **状态码**：使用标准 HTTP 状态码

← Back to FAQs

Web 开发常见问题

查找关于 Web 开发的常见问题解答。了解 HTML、CSS、JavaScript、响应式设计、Web 性能优化、安全性等现代 Web 开发实践。

响应式设计是一种 Web 设计方法，使 Web 站点能够自动适应不同的屏幕尺寸和设备。它使用： 1. **弹性网格布局**：使用相对单位而非固定单位 2. **弹性图片**：图片能够缩放适应容器 3. **媒体查询**：根据设备特性应用不同的 CSS 样式 4. **移动优先**：先为移动设备设计，再扩展到桌面

设计

Language Switch