Argil DX 面试体验 |设置 1(校内)

背景

Argil DX 是一家以提供数字化创新解决方案为主的高科技公司，致力于将人工智能、区块链、云计算等新领域落地应用到各行各业。由于业务发展需要，公司正在招聘前端开发工程师。

招聘要求

• 熟练掌握 HTML、CSS、JavaScript 等前端基础知识；
• 熟悉 React 或 Vue 等主流前端框架，有良好的组件化开发思想；
• 对前端工程化有一定的了解，熟练使用 Webpack、Babel、NPM 等构建工具；
• 具有良好的沟通、合作意识，能够快速融入团队。

面试流程

第一轮：技术面试

在此轮面试中，主要考察面试者的基础知识。面试官会根据面试者的简历，提出一些与前端相关的问题，例如：

HTML

• DOCTYPE 是做什么用的？
• meta viewport 的作用是什么？
• 如何实现浏览器兼容性？

CSS

• 说一下盒模型的概念和应用场景。
• 三栏布局怎么实现？
• 如何使图片等比例缩放？

JavaScript

• 说一下作用域链和作用域的概念。
• typeof 有哪几种返回值？
• 如何实现深拷贝？

第二轮：项目实战

此轮面试主要考察面试者的编码能力。面试官根据公司的业务需求，提供一个需求文档，并在 45 分钟内要求面试者实现一个具有基本功能的 Web 项目。

第三轮：HR 面试

在此轮面试中，主要考察面试者的沟通能力和综合素质。面试官会问一些与个人经历和个性特点相关的问题，并详细介绍公司的福利待遇，以及职位的发展前景等信息。

面试体验

Argil DX 在校内进行了面试，场地安排在学校机房，面试官为公司高级前端工程师。面试时间安排在上午9点，由于提前到达了现场，面试者选择在机房门口等待。面试官在面试开始前几分钟到达现场，主动向面试者打招呼，拉近彼此之间的距离。

第一轮：技术面试

面试官先从 HTML 方面展开问题，问了 DOCTYPE 的作用，面试者顺利回答。接下来提问 meta viewport 的作用，面试者详细解释，并补充了一些 viewport 值的作用。

在问到兼容性问题时，面试官提出一些比较细节的兼容性问题，例如 IE 浏览器下的事件处理方式。面试者一边思考，一边打开电脑进行查询，回答的较为全面。

在 CSS 方面，面试官提问了三栏布局，面试者脸上露出了一丝犯难的神情。面试官主动帮助面试者解决问题，同时提醒面试者应该重视 CSS 布局的学习。

在 JavaScript 方面，面试官从闭包、this、原型链等角度提问，面试者依然能够回答得较为准确。在深拷贝问题上，面试者回答了简单的 Object.assign() 方式，并延伸出了递归深拷贝的方法。

第二轮：项目实战

面试官在此轮面试中提供了一个较为实用的需求文档，面试者能够确定问题的难度和开发方向，并进行了分析和讨论。面试者开始进行实现，期间面试官在旁边默默打分，同时给予了一些提示和建议。

在时间剩余不多的时候，面试者快速进行了程序的调试，并展示出了 Web 页面。虽然接受了面试官的建议，页面上还是留下了一些较为明显的瑕疵，但面试者依旧表现出了较强的开发能力和调试能力。

第三轮：HR 面试

在此轮面试中，面试者与 HR 面对面进行了一些问题的交流，如所做项目的具体细节、对前端领域的看法、个人工作习惯等。面试者在回答问题时表现得自然而流畅，表达清晰。最后 HR 详细介绍了公司企业文化、福利待遇和职位前景，也得到了面试者的积极回应。

总结

Argil DX 在校内面试中，全程展示了公司的专业面和人性面。同时，也测试了面试者的基础知识、实际能力、个人素质等方面，让面试者能够全方位地展示自己，并得到精准的评估。整个面试过程中，面试官的友善和耐心也让面试者感受到了一份温暖。