如何正确的进行web前端面试

797 阅读5分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

面试不是单纯考察技术,而是综合能力的考查

扁平潮流插画校园招聘春招公众号首图1.png

1. 什么是面试

  • 面试是测查和评价人员能力素质的一种考试活动。具体地说,面试是一种经过组织者精心设计,在特定场景下,以考官对考生的面对面交谈与观察为主要手段,在特定场景下,以考官对考生的面对面交谈与观察为主要手段,由表及里测评考生的知识、能力、经验等有关素质的一种考试活动。

社招、校招区分的点

招聘形式知识能力经验
社招30%50%20%
校招40%59%1%

2. 面试环节的设置

1. 一面

  • html css js 等基础面试

面试内容

  1. 页面布局
  2. css盒模型
  3. DOM 事件
  4. HTTP 协议
  5. 面向对象
  6. 原型链
  7. 算法
  8. 安全
  9. 通信

2. 二面/三面

  • 由高级/资深工程师负责面试
  • 问些基本原理,简历内容、项目内容

面试内容

  1. 渲染机制/异步线程
  2. 页面性能/错误监控
  3. MVVM框架(vue)解析
  4. 工作原理/生命周期
  5. 双向绑定/项目特色

3. 三面/四面

  • 由项目负责人、主管进行面试

面试内容

  1. 业务能力
  2. 团队协作能力
  3. 事务推动能力
  4. 带人能力

4. 终面

  • 由项HR进行面试
  • 沟通、性格、潜力
  • 工作稳定性、上进心
  • 薪资情况、离职原因等

面试内容

  1. 职业竞争力
  2. 职业规划
  3. 跨专业/转行准备
  4. 特殊情况处理

3. 面试准备

  • 职位描述、分析
  • 业务分析或实战模拟
  • 技术栈准备
  • 自我介绍
// 针对IE8新加的一个设置,对于IE8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

// 多核浏览器,优先webkit渲染
<meta name="renderer" content="webkit">

// dns预解析
<link rel="dns-prefetch" href="//static.360buyimg.com">
<link rel="dns-prefetch" href="//img30.360buyimg.com">

4. 面试准备 自我介绍

简历

  • 基本信息,姓名-年龄-手机-邮箱-籍贯
  • 学历,博士、硕士、本科、大专
  • 工作经历,时间-公司-岗位-职责-技术栈-业绩
  • 开源项目,Github说明

自我陈述

1. 把握面试的沟通方向

  • 引导面试官进入你擅长的方向

2.豁达、自信的适度发挥

  • 问到不会的也不要心虚,声音变小,允许存在不会,态度要端正
  • 问到会的也不要骄傲、膨胀,保持平常心陈述

3.实例

  • 自如谈兴趣、巧妙示实例、实时讨疑问
    • 不会的可以说思考下,或回去思考
    • 要志同道合,表现出爱学习,有上进心
  • 节奏要适宜、切记小聪明
    • 表现得有技术追求,可以举一反三

4.实战

  • 方向要对,过程要细
  • 胆子要大,心态要和
    • 难题:不要心急,不要自卑,胆子要大,根据经验思考回答
    • 敢于挑战未知,承接重点、难点工作
    • 不会的询问,可以让面试官给出学习方向
  • 面试失败, 整理再战
    • 总结复盘面试经验
    • 补全知识,再来应战

4. 面试技巧

前端面试不只是技术,“技巧”同样不可忽视

  • 准备要充分
  • 知识要系统
  • 沟通要简介
  • 内心要诚实
  • 态度要谦虚
  • 回答要灵活

别以为面试技巧很虚,很多技术不错的人恰恰输在了面试技巧上

一:自我介绍(证明自己与岗位的匹配度)

  • 1、 时间控制在1分钟
  • 2、 内容=背景介绍+公司为什么选你+你为什么选公司
  • 3、 步骤=三个关键词,扩充为句子+一句整体说明+把准备好的内容用关联词过度链接

二:专业性问题(多问一句自己是不是表述清楚,争取更多回答机会)

  • 1、 项目相关:背景+成果+角色+困难+措施+感悟
  • 2、 缺点相关:讲真实缺点,强调自己亿改善

三:价值观的问题

  • 1、 关于公司的了解:了解程度+独特优势+个人意愿
  • 2、 关于为什么选择公司:行业好+公司好+岗位符合期望值

四:稳定性的问题

  • 1、 为什么离职:找最大的区别点会回答(业务模式/规模)
  • 2、 5年职业规划:行业上的发展+岗位的深耕

五:性价比的问题

  • 1、 想明确身价且有谈判空间:留年薪(薪资结构各公司可能不同)
  • 2、 一定要在证明自己价值,获得hr认可后再聊薪资

六:其他问题

公司这个岗位最看重哪些素质/入职前有什么需要提前学习和准备的

七:着装注意

男士

  • 一定要洗头!一定要洗头!一定要洗头!
  • 剪指甲、衣服口袋不要鼓鼓囊囊

女生

  • 不要喷香水,首饰不要太多
  • 衣服不要太短太紧

如果收到offer,大胆去做,不要焦虑

七:行业数据网站

外企

职业生涯规划

  • 技术路线的生命力
  • 工作与生活的平衡
  • 更大的世界

面试准备

  • 算法/coding、CS基础知识、系统设计、项目经验
  • 英语
  • 沟通和表达

英语与工作

  • 英语是日常输出
    • 和国外同事一起做项目
    • 和国外同事面对面
    • 在海外工作/出差
  • 怎么学英语
    • 在工作中学习 - 邮件,电话、视频会议,演示,TB等等
    • 日常积累- 背单词?No... 读书,美剧,模仿练习
    • 参加高效培训

一把钥匙一把锁,准备多份简历

有里有面,高匹配