2020年最新前端面试总结

288 阅读5分钟

前言

在十一月份经历了求职的路程,本以为年底加上今年疫情的原因会相对困难,但有幸被幸运女神眷顾的感觉,求职的路程居然异常顺利。虽然过程中也有被技术问到无地自容的时候,但总算平稳渡过。在经历了11家公司的面试,拿到了6个offer后,我想在这次记录这次难得的经历,特别对技术的总结,以及面试经验上的分享。希望对后来同为打工人的你有所帮助。


在确认拿到offer后不用再跑面试的时候的心情: 在这里插入图片描述 ==如果文章还有人看的话,就考虑把问题都整理出一份答案。==


Boss与拉钩

选择一个好的求职平台非常重要。 在11月1号,我终于把我的简历写好,开始小心翼翼的投递我的简历,我选择在Boss以及拉钩两个平台,经历为时两天也就是1号&2号两天,我大概投递了20家公司左右,大概是拉钩7家,Boss13家左右,而从反馈速度来说,Boss简直碾压拉钩。

Boss很多HR的回复可以说是实时的都不为过。而拉钩的话我要看着我的投递模块一步步看着简历进度的变化,而且有几家是待沟通的但直到今天都没有下文,让我不得不怀疑少部分hr是来刷业绩的。

所以我的建议是:优先选Boss。《虽然最后入职的公司是在拉钩》

选择公司

结合自身,选择适合自己的公司。 在这个层面上心里没有啥特殊癖好,只要不是外包、上市或者几百人左右的规模的都满足了。尤其不建议程序员去外包公司,因为据了解到的,绝大多数外包都是非常辛苦,项目做了一大堆最后发现学不到什么东西。另外不敢投大厂,因为自己心里还有点毕数。唉,人贵有自知之明。等若干年后再来一试吧。


遗憾

当时想去朋友的一个公司,结果那天去面试的时候发现简历用完了,去楼下打印,阿姨给我操作了半小时都没打印出来。然后看时间快到了就先过去,去到了发现还有时间就在附近又找了个打印店,结果又是个阿姨,又是15分钟过去都打印不了...无奈直接取到公司前台让小姐姐帮我打印一份,她说ok,结果做完笔试题进入面试发现面试官手上的简历上,所有内容都挤在1/3的面积上,无奈。也怪自己当时没有提前检查好。这也是唯一一次一面都没过的。

第二件事情就是,我放了一个hr的飞机,答应了,过了两天最后又说不去,内心非常过意不去,希望hr小姐姐肯定能找到更好的人选。


薪资待遇

认清自己,认清市场。 多看一下招聘网上的岗位薪资,结合一下身边的朋友,有信心的话就比市场价高出稍微一点点。需要关注:到手薪资+五险一金缴纳基数及比例+年假病假+年终奖+绩效项目奖+餐补车补旅游之类的。另外在谈薪资的时候,我认为hr绝对是会压工资,所以还是要自信一点,不能做轻易的让步,或者再适当的在hr提出的基础上提高一点。


面试

以下面试题相信能够覆盖初中级程序员面试题的80%,甚至90%。另外技术Blog的重要性非常高,非常加分。

笔试

  • 实现reduce函数
  • 实现简易promise
  • new new A.b() 执行顺序
  • 宏任务与微任务的执行
  • alert显示元素name(兼容浏览器)
  • 实现let a=1; a.add(1).minus(1)
  • bind函数实现
  • 深克隆&浅克隆
  • 看输出结果,考隐式转换
  • 字符反转
  • ...

面试

综合
  • 项目亮点/难点(必问)
  • 输入一个地址到页面显示的全过程(越详细越好)(高频)
  • seo优化(高频)
  • 首屏优化(高频)
  • git工作流(高频)
  • 项目管理(高频)
  • 性能优化方案(高频)
  • 防抖节流
  • 深克隆
  • MVC&MVP&MVVM
  • 长列表优化
  • 数组取最大值(多种方式)
  • new原理
  • 原型链原理
  • 设计模式
  • 继承及原理
  • 模块化:es6 commondjs的区别
  • 人员管理
  • 文件上传
  • 进度条的动画怎么做性能好
  • 事件捕获冒泡委托
  • 快速点击实现(解决浏览器延迟300毫秒)
  • H5新增特性
  • https与http区别
  • http301 302 401 402的意思
  • http无状态的解决方式
  • 闭包
  • 跨域原理及解决方法及原理
  • es5模拟es6的class实现
  • 数组去重
  • 移动端适配方案
  • pc+移动端的响应式方案
  • 离职原因
  • ...
vue
  • vue双向绑定原理(高频)
  • vue父子组件传参(高频)
  • vue生命周期及使用场景(高频)
  • vue v-show v-if区别(高频)
  • 组件设计(高频)
  • vue diff算法
  • vuex原理及使用
  • vuex如何将数据挂载到页面
  • vue跨层级组件传参
  • data设计成函数的原因
  • vue3做了哪些改进
  • 数据响应不成功的可能原因
  • ...
webpack
  • 五大核心
  • 优化
  • ...

总结

求职的过程存在很多让我觉得遗憾的地方。但其实求职也非常简单,只要技术够硬,那事情就变得简单很多。