17 个最常问的 Web 开发人员面试问题及答案

Web 开发面试问题

以下是针对应届毕业生和经验丰富的 Web 开发人员候选人的 Web 开发面试问题和答案，以帮助他们获得理想的工作。

---

1）解释一下Web开发人员的主要职责是什么？

• 对所有 Web 应用程序进行程序测试和调试
• 设计、开发、测试和部署 Web 应用程序
• 将网站上传到服务器并在不同的搜索引擎上注册
• 与其他设计师和程序员协调开发网络项目
• 修复错误、排除故障并解决问题
• 如果系统发生故障，请启动定期测试并实施应急计划
• 开发适当的代码结构来解决特定任务
• 支持并协助维护和 保养 的网站
• 在整个准备、开发、测试和生产过程中承担代码所有权

免费 PDF 下载：Web 开发人员面试问题

---

2）Web 开发人员应该知道什么？

优秀的 Web 开发人员应该知道

• HTML
• 的CSS
• SQL
• PHP/Ruby/Python
• JQuery的
• JavaScript

---

3）解释什么是 CORS？它是如何工作的？

（CORS）跨域资源共享是一种机制，允许从资源来源域之外的另一个域请求网页上的许多资源（例如 JavaScript、字体等）。它是 HTML5. 管理对不同域的XMLHttpRequest访问。

---

4）列出 HTTP/2 与 HTTP 1.1 相比的优势？

HTTP/2 相对于 HTTP/1.1 的优势在于

• HTTP 标头数据压缩
• 服务器推送技术
• 通过单个 TCP 连接并行加载页面元素
• 请求的优先顺序

---

5）解释什么是 ETag 以及它如何工作？

ETag 是 Web 服务器分配给 URL 上资源的特定版本的不透明标识符。ETag 是万维网协议 HTTP 的一部分，当服务器从客户端请求中读取 ETag 时，服务器可以判断是发送文件 (HTTP 200) 还是告诉客户端仅使用其本地副本 (HTTP 304)。

---

6）解释什么是长轮询？

长轮询是一种 Web 应用程序开发模式，用于模拟将数据从服务器推送到客户端。使用长轮询时，客户端向服务器发送请求，连接保持完好，直到服务器准备好将数据发送到客户端。只有在数据发送回客户端或发生连接超时后，连接才会关闭。

---

7）解释什么是DTD（文档类型声明）？请说明DTD中CDATA和PCDATA的区别？

DTD 表示文档类型定义 (DTD)，它定义了文档的结构、合法元素和属性 XML 文档。

• 电脑数据：PCDATA 是解析字符数据。XML 解析器通常会解析 XML 文档中的所有文本。
• 数据：虽然 CDATA 是未解析的字符数据，但术语 CDATA 用于表示不应由 XML 解析器解析的文本数据。

---

8) 请提及一些可以用来减少您编写的 Web 应用程序的加载时间的技巧？

要减少 Web 应用程序的加载时间，你必须遵循以下提示

• 优化图像，使其不超过屏幕分辨率，并将其保存为压缩文件
• 消除所有 JavaScript 文件以减少可传输数据量
• 合并并最小化全部 的CSS 和 JS 并在页脚中调用它们
• 延迟或异步 JS 文件

---

9）请说明将 JavaScript 包含到 HTML 中的正确方法是什么？

将 JavaScript 包含到 HTML 中的正确方法是使用内联事件处理程序或内联代码。

---

10) 解释一下在 CSS 中，如何让表单元素的背景颜色在用户输入文本时发生变化？这在所有浏览器中都有效吗？

是的，您可以通过设置 HTML 标签的样式来更改表单元素的默认外观：输入、选择和文本区域，但它并不适用于所有浏览器。

---

11）解释一下 cookies 和本地存储有什么区别？

---

12) 在 HTML 中哪个标签可用于多行文本输入控件？

对于多行文本输入控制，可以使用“textarea标签”。

---

13) 解释如何在网页中引用 CSS 文件？

您可以使用以下方式引用网页中的 .CSS 文件标签。它应该保持在标签。 举个例子 <linkhref=”/css/mystyle.css” type=”text/css” rel=”stylesheet”/>

---

14）列出几种可以减少页面加载时间的方法？

您可以执行以下操作来减少页面加载时间

• 缩小图像尺寸
• 去除不必要的小工具
• HTTP压缩
• 将 CSS 放在顶部，将脚本引用放在底部或外部文件中
• 减少查找
• 最小重定向
• 缓存，

---

15）在 HTML 中，说明和？

和...之间的不同和那是一个

Frame	DIV
使用框架，您可以在同一个浏览器窗口中显示多个 HTML 文档	这标签定义 HTML 文档中的部分或章节
frame 标签声明框架集中的一个特定窗口	这用于对块元素进行分组，并使用样式对其进行格式化
框架可以使用 HTML 加载其他资源	另一方面，页面部门可以以框架的方式提供本地内容，但这些内容并不独立于页面

---

16）XHTML 与 HTML 有何不同？

• XHTML 要求所有标签均采用小写
• XHTML 要求所有标签都应正确关闭
• XHTML 要求所有属性都用双引号引起来
• XHTML 禁止内联元素包含块级元素

---

17) 列出 HTML 5 标准提供的新 API？

• HTML 5 附带许多新 API
• 媒体管理 API
• 文本轨道 API
• 应用程序缓存 API
• 数据传输API
• 用户互动
• 命令 API
• 约束验证 API
• 历史API

这些面试问题也会对你的口试有帮助