7个开放式的前端面试题

翻译:疯狂的技术宅
原文: https://www.indeed.com/hire/i...

无论你是面试官仍是求职者,里面的思路都能让你获益匪浅。前端

如何保证你的网站或 Web 应用的可访问性?

解析:

前端开发人员在为最终用户设计体验时须要充分掌控其可用性和可访问性。这个问题让面试官知道求职者对这些标准和最佳实践的了解。程序员

面试官想要知道些什么:

  • 实施可用性和可访问性标准的第一手经验
  • 保证可访问性的手段
  • 求职者是否曾经在项目中对可用性和可访问性作过实施

参考答案:

我在各类浏览器和设备上测试个人 Web 应用,检查在全部设备上的体验是否可用。我还使用流行的屏幕阅读软件和其余辅助解决方案来查看是否全部潜在用户均可以访问它。”面试

你最喜欢 HTML5 的哪些功能,以及如何在前端项目中实现?

解析:

前端开发会在 HTML5 上花费大量时间,他们整合 Web 设计并实现各类功能,从而节省开发时间并改进最终产品。segmentfault

面试官想要知道些什么:

  • 深刻了解 HTML5 功能
  • 可以清楚的解释求职者在过去的项目中是如何使用HTML5的
  • 对 HTML5 的创造性应用

参考答案:

与之前的版本相比,我喜欢 HTML5 对多媒体的支持。我使用此功能开发时,会把视频和音频做为用户体验的重要组成部分,而没必要担忧它没法正确加载或破坏页面。浏览器

如何对 CSS 和 JavaScript 代码进行组织,以使其余开发人员更容易使用?

解析:

前端开发人员常常会处理由之前的员工建立的代码,或做为团队的一员工做。这个问题让面试官了解求职者能不能建立其余员工能够理解的网站或 Web 应用。安全

面试官想要知道些什么:

  • 具备组织代码和注释代码的经验
  • 若是没有对代码进行恰当的注释会发生什么后果
  • 愿意让开发团队其余成员更轻松

参考答案:

我把站点的每一个组件都分拆出了独立的代码。每一个代码片断都有注释,以便其余开发人员能够更改它。微信

你能解释一下 CSS float 的概念并举例吗?

解析:

该技术问题考察面试者对常见 CSS 元素的理解。这个问题用来筛选求职者,并确保他们不仅是可以熟练使用 CSS 的好办法。网络

面试官想要知道些什么:

  • CSS float 的具体定义是什么
  • 求职者是怎样在他们的代码中使用此元素的
  • 是否可以向任何人解释这一技术概念

参考答案:

CSS float 告诉浏览器将特定元素放在容器的右侧或左侧。当我开发基于用户分辨率动态调整大小的页面时,使用float。”ide

你是怎样处理特定浏览器的渲染问题的?你是否发现某个浏览器比其余浏览器更具挑战性?

解析:

基于每一个浏览器的渲染的方式,前端开发人员必须将特定于浏览器的 hack 引入Web 应用和页面。对于求职者来讲,这个常见的过程应该是比较熟悉的。学习

面试官想要知道些什么:

  • 针对特定浏览器的解决方法示例
  • 了解浏览器如何呈现应用和页面
  • 了解特定浏览器的特色

参考答案:

我常常须要修改 Microsoft Edge 网页上的 DIV 位置。对于我来讲,这个浏览器是最有问题的,由于我几乎不会在 Chrome 或 Firefox 上遇到这类问题。

你经过哪些途径来了解最新的前端技术?

解析:

前端开发中的技术和标准在不断变化。拥有“持续学习”能力的求职者能够经过不断的学习,来获取改进开发过程和改善最终用户体验的方法。

面试官想要知道些什么:

  • 求职者都读过什么技术书籍
  • 是否参与开源项目或我的有什么开源项目
  • 是否参加继续教育或在线课程

参考答案:

我有订阅了几个前端开发方面的杂志,并常常访问 Stack Overflow 论坛。这些资源帮助我了解前端开发的最新技术。

你最喜欢的前端项目是什么?为何?

解析:

这个问题可以让面试官深刻了解前端开发人员的我的偏好。一些求职者可能更倾向网站项目,而其余人更喜欢参与Web 应用团队。

面试官想要知道些什么:

  • 对他们最喜欢的发展方向的看法
  • 他们描述该项目时表现出的热情
  • 他们最喜欢的前端项目的案例

参考答案:

我最近为当地医院开发了一个网络应用。它简化了患者的求医过程,当我知道本身的工做能帮助患者更快地得到所需的帮助时很是开心。


欢迎继续阅读本专栏其它高赞文章:


本文首发微信公众号:jingchengyideng

欢迎扫描二维码关注公众号,天天都给你推送新鲜的前端技术文章

欢迎扫描二维码关注公众号,天天都给你推送新鲜的前端技术文章