7个开放式的前端面试题
翻译:疯狂的技术宅
原文:https://www.indeed.com/hire/i...
不管你是面试官还是求职者,里面的思路都能让你获益匪浅。
如何保证你的网站或 Web 应用的可访问性?
解析:
前端开发人员在为最终用户设计体验时需要充分掌控其可用性和可访问性。这个问题让面试官知道求职者对这些标准和最佳实践的了解。
面试官想要知道些什么:
- 实施可用性和可访问性标准的第一手经验
- 保证可访问性的手段
- 求职者是否曾经在项目中对可用性和可访问性做过实施
参考答案:
我在各种浏览器和设备上测试我的 Web 应用,检查在所有设备上的体验是否可用。我还使用流行的屏幕阅读软件和其他辅助解决方案来查看是否所有潜在用户都可以访问它。”
你最喜欢 HTML5 的哪些功能,以及如何在前端项目中实现?
解析:
前端开发会在 HTML5 上花费大量时间,他们整合 Web 设计并实现各种功能,从而节省开发时间并改进最终产品。
面试官想要知道些什么:
- 深入了解 HTML5 功能
- 能够清楚的解释求职者在过去的项目中是如何使用HTML5的
- 对 HTML5 的创造性应用
参考答案:
与以前的版本相比,我喜欢 HTML5 对多媒体的支持。我使用此功能开发时,会把视频和音频作为用户体验的重要组成部分,而不必担心它无法正确加载或破坏页面。
如何对 CSS 和 JavaScript 代码进行组织,以使其他开发人员更容易使用?
解析:
前端开发人员经常会处理由以前的员工创建的代码,或作为团队的一员工作。这个问题让面试官了解求职者能不能创建其他员工可以理解的网站或 Web 应用。
面试官想要知道些什么:
- 具有组织代码和注释代码的经验
- 如果没有对代码进行恰当的注释会发生什么后果
- 愿意让开发团队其他成员更轻松
参考答案:
我把站点的每个组件都分拆出了独立的代码。每个代码片段都有注释,以便其他开发人员可以更改它。
你能解释一下 CSS float 的概念并举例吗?
解析:
该技术问题考察面试者对常见 CSS 元素的理解。这个问题用来筛选求职者,并确保他们不只是能够熟练使用 CSS 的好办法。
面试官想要知道些什么:
- CSS float 的具体定义是什么
- 求职者是怎样在他们的代码中使用此元素的
- 是否能够向任何人解释这一技术概念
参考答案:
CSS float 告诉浏览器将特定元素放在容器的右侧或左侧。当我开发基于用户分辨率动态调整大小的页面时,使用float。”
你是怎样处理特定浏览器的渲染问题的?你是否发现某个浏览器比其他浏览器更具挑战性?
解析:
基于每个浏览器的渲染的方式,前端开发人员必须将特定于浏览器的 hack 引入Web 应用和页面。对于求职者来说,这个常见的过程应该是比较熟悉的。
面试官想要知道些什么:
- 针对特定浏览器的解决方法示例
- 了解浏览器如何呈现应用和页面
- 了解特定浏览器的特点
参考答案:
我经常需要修改 Microsoft Edge 网页上的 DIV 位置。对于我来说,这个浏览器是最有问题的,因为我几乎不会在 Chrome 或 Firefox 上遇到这类问题。
你通过哪些途径来了解最新的前端技术?
解析:
前端开发中的技术和标准在不断变化。拥有“持续学习”能力的求职者可以通过不断的学习,来获取改进开发过程和改善最终用户体验的方法。
面试官想要知道些什么:
- 求职者都读过什么技术书籍
- 是否参与开源项目或个人有什么开源项目
- 是否参加继续教育或在线课程
参考答案:
我有订阅了几个前端开发方面的杂志,并经常访问 Stack Overflow 论坛。这些资源帮助我了解前端开发的最新技术。
你最喜欢的前端项目是什么?为什么?
解析:
这个问题可让面试官深入了解前端开发人员的个人偏好。一些求职者可能更倾向网站项目,而其他人更喜欢参与Web 应用团队。
面试官想要知道些什么:
- 对他们最喜欢的发展方向的见解
- 他们描述该项目时表现出的热情
- 他们最喜欢的前端项目的案例
参考答案:
我最近为当地医院开发了一个网络应用。它简化了患者的求医过程,当我知道自己的工作能帮助患者更快地获得所需的帮助时非常开心。
欢迎继续阅读本专栏其它高赞文章:
- 12个令人惊叹的CSS实验项目
- 世界顶级公司的前端面试都问些什么
- CSS Flexbox 可视化手册
- 过节很无聊?还是用 JavaScript 写一个脑力小游戏吧!
- 从设计者的角度看 React
- CSS粘性定位是怎样工作的
- 一步步教你用HTML5 SVG实现动画效果
- 程序员30岁前月薪达不到30K,该何去何从
- 第三方CSS安全吗?
- 谈谈super(props) 的重要性
本文首发微信公众号:jingchengyideng
欢迎扫描二维码关注公众号,每天都给你推送新鲜的前端技术文章
7个开放式的前端面试题相关推荐
- 7个优秀「开放式」前端面试题分享!附答案
黑马程序员视频库 播妞微信号:heiniu526 传智播客旗下互联网资讯.学习资源免费分享平台 在面试中,总有很多朋友反应说,开放式问题太难了,完全没有固定答案,不知道如何回答,也不了解面试官的心理. ...
- 前端面试题【131道】
前端面试题 1.vue2和vue3的主要区别 3.Apply/call/bind的原理是什么? 4.说说你对原型和原型链的理解? 5.说说你对ES6中Generator的理解 6.说说你对Event ...
- 「前端面试题系列7」Javascript 中的事件机制(从原生到框架)
前言 这是前端面试题系列的第 7 篇,你可能错过了前面的篇章,可以在这里找到: 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局? ...
- 前端面试题整理(定期更新)
前言 因为面试的原因,最近又开始关注前端面试题,浏览过网上很多面试题集合,有很多小伙伴整理的很全面,但是我发现其中有很多技术点在当下已不再流行,而面试题一般都是映射开发中常遇到的一些技能和问题,再结合 ...
- JavaScript中的load事件的作用_史上最全的web前端面试题汇总及答案JavaScript之二(二)...
作者:樱桃小丸子儿 链接:https://www.jianshu.com/p/abadcc84e2a4 JavaScript JS的基本数据类型 number,string,boolean,objec ...
- noah的前端面试题(三)|掘金技术征文
上一篇 前端面试题(二) 1.JavaScript对于cookie的读.写操作 写入 cookie function setCookie(cName, cValue, days) { var expi ...
- 应届生web前端面试题_2020最新Web前端经典面试题试题及答案(持续更新)
Web前端面试题 Web前端面试题:说说你对webpack的看法 解析:webpack是一个模块打包工具,可以使用webpack管理你的模块依赖,并编译输出模块们所需要的静态文件.能很好的管理.打包w ...
- 前端面试题(html篇)
前端面试题(html篇) 转载于:https://www.cnblogs.com/mc67/p/5311613.html
- java 前端页面传过来的值怎么防止篡改_答对这40道经典web前端面试题,想不拿到offer都难!...
想成功就业web前端工程师,想要能高薪就业,那么除了好的web前端技能以外,还得有好的面试技巧,如果提前就了解更多企业的面试要求及面试题目,那么可以让我们的面试成功的几率大大的提高. 今天小编就整理了 ...
最新文章
- Java中对象引用的机制,及特点
- 死锁是什么?死锁产生的条件?如何避免死锁?以及死锁的示例代码(Java代码)
- 基于ZIGBEE通信的功率电子负载
- TScreen 类 - 获取字体列表
- 端到端的地址翻译(虚拟地址是怎样取到相应高速缓存的数据的?)
- Flask-WTF 之防止CSRF***学习记录
- AIX操作系统版本小知识(转载)
- red hat linux yum,Red Hat Linux安装CentOS的yum源
- 第六章jQuery选择器
- 企业传播需要拥有的5个风险意识
- 【win10】设置电脑固定IP,解除固定IP
- 树莓派存储方案_树莓派网络存储(NAS)
- base64和jpg/png互转
- 如何用树莓派借用计算机的显示屏,树莓派4寸A显示屏使用教程
- FAQ0115 AT32使用AC6编译器注意事项
- u-boot启动流程分析
- 导数、偏导数以及梯度
- graphite安装笔记
- js中match函数的用法
- vs2013如何调用监视窗口实现调试(如何打断点、逐步调试、逐过程调试、退出调试、条件调试)