共计 2054 个字符，预计需要花费 6 分钟才能阅读完成。
翻译：疯狂的技术宅原文：https://www.indeed.com/hire/i…
本文首发微信公众号：jingchengyideng 欢迎关注，每天都给你推送新鲜的前端技术文章
不管你是面试官还是求职者，里面的思路都能让你获益匪浅。
Web 开发人员的职责是什么？
解析：
Web 工程师应该充分了解自己的角色，以及怎样为 Web 设计和开发做出贡献。这个问题能帮助面试官了解求职者打算怎样配合团队，以及他们是否知道自己要做些什么。
面试官想知道什么：
清楚地了解 Web 开发过程
他们强调那些职责
他们打算怎样发挥自己的能力
参考答案：
Web 工程师负责设计、开发、增强、测试和部署 Web 应用，其最终目标是创建引人入胜而且用户友好的站点布局和功能。开发人员负责收集并定义需求、维护网站、排除故障并修复错误，遵循最佳开发实践并与其他团队协作。
是什么引发了你对 Web 开发的兴趣？
解析：
求职者是否很早就成为了 Web 开发人员？他们是自学成才吗？了解候求职者选择这个方向的原因有助于确定他们对该职业的热情和信心。
面试官想知道什么：
热情
动机
经验
参考答案：
我以前的工作是营销协调员，我经常使用在线工具来制作电子邮件广告。后来我找到了拖放功能的 bug，并发现如果我直接编辑 HTML，可以很灵活的实现我想要的外观。这时我开始着迷于 Web 开发人员具有想象力、艺术性和技术性的能力，同时想开发出一种对他人有帮助的产品。
什么是 W3C，它为什么很重要？
解析：
Web 开发人员应对其生成的内容负责，要确保所有用户都可以访问，并遵循 W3C 标准。这个问题将告诉你求职者是否具 W3C 的知识并在工作中遵循它们。
面试官想知道什么：
基本知识
关心标准
关于他们如何遵守标准的细节
参考答案：
W3C 的意思是 World Wide Consortium，它是一个专注于开发和标准化 Web 的国际社区。作为 Web 开发人员，强制执行这些标准可确保所有浏览器都能访问 Web 内容，并优化用户体验。例如：使用符合 W3C 标准的 CSS 和 XML 可以使每个网站的功能相似，也可以改善搜索引擎优化。
解释如何优化和减少 Web 应用的加载时间。
解析：
几乎一半的用户希望在两秒钟内加载网页。提出此问题以了解求职者是否了解页面加载时间对用户体验的影响，以及 Web 开发人员应如何优化加载时间。
面试官想知道什么：
他们对优化 Web 应用的重视程度
了解可用于分析网站速度的工具
他们具有优化能力的证据
参考答案：
尽管有很多技术手段能减少加载时间，但我始终依赖优化图像、启用浏览器缓存和最小化 HTTP 请求。我评估网站速度的首选工具是 Google PageSpeed Insights。我曾经通过 soley 启用浏览器缓存，成功地将页面加载时间从 2.1 秒减少到 0.7 秒。
HTTP/2 和 HTTP 1.1 有什么区别？
解析：
是否了解并使用过 HTTP/2，能够体现求职者的知识水平，让你了解他们是否能够跟上技术的发展。
面试官想知道什么：
整体 HTTP 知识
能够回忆起具体细节
洞察他们的技术水平
参考答案：
HTTP/2 旨在提高 Web 应用的性能，可以减少加载时间并改善浏览器与服务器之间的通信，并且能够使应用更简单、快速。我非常支持使用 HTTP/2，因为我曾经分析过相关数据，并知道了 HTTP/2 是如何将页面加载时间减少 20%的。
你熟悉哪种编程语言？
解析：
HTML，CSS，SQL，PHP，Ruby，Python 和 JavaScript 是 Web 工程师应该能够轻松驾驭的常见编程语言。这个问题能帮助面试官评估求职者的经验、偏好、优势和劣势。
面试官想知道什么：
熟悉的编码语言
对特定语言的偏好程度
是否适合岗位和公司
参考答案：
我精通 HTML、CSS 和 PHP，并且 SQL 和 JavaScript 的水平也不错。我打算学习 Python，最近正在研究适合自己的 Python 课程，以便在空闲时间学习。
你怎样平衡客户的苛刻要求？
解析：
Web 开发工程师可能面临意想不到的挑战，包括缩短开发周期和面对过于雄心勃勃的客户。清楚地了解求职者如何处理这种情况，将有助于面试官了解他们做事的优先级和思考过程。
面试官想知道什么：
在压力下的表现
沟通技巧
致力于发布高品质的产品
参考答案：
在我面对苛刻的需求时，会想办法充分了解对方的真正要求，优先处理自己的任务并与客户保持开放的沟通渠道。我很难容忍 Bug 的产生，也不赞成用一些取巧的手段破坏最终的产品形态，不过让客户满意是一个高度优先的选项。我会随时向客户通报我的进展并高效地完成任务。
欢迎继续阅读本专栏其它高赞文章：
12 个令人惊叹的 CSS 实验项目
世界顶级公司的前端面试都问些什么
CSS Flexbox 可视化手册
过节很无聊？还是用 JavaScript 写一个脑力小游戏吧！
从设计者的角度看 React
CSS 粘性定位是怎样工作的
一步步教你用 HTML5 SVG 实现动画效果
程序员 30 岁前月薪达不到 30K，该何去何从
7 个开放式的前端面试题
React 教程：快速上手指南
本文首发微信公众号：jingchengyideng
欢迎扫描二维码关注公众号，每天都给你推送新鲜的前端技术文章
