7个优秀「开放式」前端面试题分享！附答案

黑马程序员视频库

播妞微信号：heiniu526

传智播客旗下互联网资讯、学习资源免费分享平台

在面试中，总有很多朋友反应说，开放式问题太难了，完全没有固定答案，不知道如何回答，也不了解面试官的心理。

其实，开放式面试题最重要的是答题的思路。播妞为大家整理了7个比较优秀的开放式前端面试题，希望对你未来的面试有所帮助。

下面一起来挑战一下吧!

7个优秀的开放式前端面试题

第一题：怎样保证你的网站或 Web 应用的可访问性？

面试官目的：

1.保证可访问性的手段；

2.求职者是否曾经在项目中对可用性和可访问性做过实施。

点击下方空白区域查看答案 
▼

我在各种浏览器和设备上测试我的 Web 应用，检查在所有设备上的体验是否可用。我还使用流行的屏幕阅读软件和其他辅助解决方案来查看是否所有潜在用户都可以访问它。

第二题：你最喜欢HTML5 的哪些功能，以及如何在前端项目中实现？

面试官目的：

1.深入了解 HTML5 功能；

2.能够清楚的解释求职者在过去的项目中是如何使用HTML5的；

3.对HTML5 的创造性应用。

点击下方空白区域查看答案
▼

与以前的版本相比，我喜欢 HTML5 对多媒体的支持。我使用此功能开发时，会把视频和音频作为用户体验的重要组成部分，而不必担心它无法正确加载或破坏页面。

第三题：如何对 CSS 和 JavaScript 代码进行组织，以使其他开发人员更容易使用？

面试官目的：

1.具有组织代码和注释代码的经验；

2.如果没有对代码进行恰当的注释会发生什么后果；

3.愿意让开发团队其他成员更轻松。

点击下方空白区域查看答案 
▼

我把站点的每个组件都分拆出了独立的代码。每个代码片段都有注释，以便其他开发人员可以更改它。

第四题：你能解释一下 CSS float 的概念并举例吗？

面试官目的：

1.CSS float 的具体定义是什么；

2.求职者是怎样在他们的代码中使用此元素的；

3.是否能够向任何人解释这一技术概念。

点击下方空白区域查看答案 
▼

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

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

面试官目的：

1.针对特定浏览器的解决方法示例；

2.了解浏览器如何呈现应用和页面；

3.了解特定浏览器的特点。

点击下方空白区域查看答案
▼

我经常需要修改 Microsoft Edge 网页上的 DIV 位置。对于我来说，这个浏览器是最有问题的，因为我几乎不会在 Chrome 或 Firefox 上遇到这类问题。

第六题：你通过哪些途径来了解最新的前端技术？

面试官目的：

1.求职者都读过什么技术书籍

2.是否参与开源项目或个人有什么开源项目

3.是否参加继续教育或在线课程

点击下方空白区域查看答案
▼

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

第七题：你最喜欢的前端项目是什么？为什么？

面试官目的：

1.对他们最喜欢的发展方向的见解；

2.他们描述该项目时表现出的热情；

3.他们最喜欢的前端项目的案例。

点击下方空白区域查看答案
▼

我最近为当地医院开发了一个网络应用。它简化了患者的求医过程，当我知道自己的工作能帮助患者更快地获得所需的帮助时非常开心。

了解面试官的目的，有助于大家梳理答题思路，以上便是这次与大家分享的7个很好的开放式面试题，希望对你有所帮助！

除此之外，大家在平时学习和工作之余，也要多了解一下目前互联网企业对前端工作人员的要求。不断的完善自身水平，未来的职场道路才会更加顺畅。

你在前端面试中，遇到过哪些有意思或者印象深刻的面试题？欢迎大家留言讨论。学习路上我们一起努力呀！

END

点击“在看” 为播妞加鸡腿