[干货满满] 三年经验前端的面试经验分享

简介: [干货满满] 三年经验前端的面试经验分享

前言

笔者坐标杭州,目前总共三年三个月的工作经验,在今年的年初选择了裸辞,然后就开始着手于简历的修改,投递,以及面试。

关于面试题我整理了一个网站,后续再发。

面试准备

一般最好的话,是在跳槽之前就可以开始着手准备了,多刷面试题,以及力扣,性能优化以及设计模式,也是必须要看的东西。

还有一些最最最常考的东西,比方说原型,原型链Event Loop ,微任务宏任务,this 指向,闭包防抖节流,垃圾回收机制,深浅拷贝,JSON.parse(JSON.stringify()) 实现深拷贝存在的缺陷,如何自己实现一个深拷贝的方法,Promise的特性以及 Promise 的新特性,比如 race,all 等,这些在笔者的 《一文搞懂JS系列》 中都有所描写。

包括响应式的具体实现原理,数组的常用哪些方法,关于 v2 数组和对象响应式的缺陷,如何解决,v2 和 v3的区别,v3到底快在哪里,为什么能快,webpack打包的优化,原理,为什么需要 webpack ,以及 vite 和 webpack 究竟有哪些区别, vite 为什么能快那么多,什么是树摇。

包括行业中相对较新点的概念,例如PWA,微前端等,都要有所了解,得知道具体是能干嘛,需求背景是什么,都有哪些实现方式等。

这些都是面试题所必须做的准备,在于常考的面试题,你得自己先准备好,回答的好,自然有底气可以要的高,这些都是面试之前,你对于自己专业知识的补充。

关于简历

简历的话,就是你个人的明信片,如果觉得自己颜值还可以,可以去花钱拍个证件照,因为,如果技术实力差不多的情况下,面试官也肯定会选择一个面相看起来更顺眼的,虽然我们敲代码和颜值没有半毛钱的关系。

关于简历的大致板块,我是那么推荐的,上面就是基本的个人信息,人名,联系方式,意向岗位,再附上自己的证件照,千万不要写自己的期望薪资

然后是个人优势,比方说学历比较好可以提及学历,或者你的个人的博客有很多点赞,亦或者是个人开源项目有很多star,(如果是单纯有,那还不如不提),或者你在上家公司中获得的荣誉或者绩效很高,或者是你项目的日活用户量多大,亦或者是你有项目管理的经验(可以分为项目上的管理,把控进度,人员工作内容安排,或者是技术上的,整个系统的架构,然后公共组件库的搭建以及文档的书写),亦或者是读过哪些源码或者是设计模式。

然后,就是个人技术栈的罗列,让面试官更清晰的知道,你具有哪些技能,当然要注意一点,不要把自己不是很了解的技术写上熟悉或者精通,写个了解即可,即使面试官问了答不出,也不至于很尴尬。

接下来,就是工作经历以及项目经历了,尤其是项目经历,可以自己整理下,自己的简历容易被问哪些问题,提前准备下。比方说项目的背景,具体为了解决哪些问题,以及具体怎么实现的,期间遇到了哪些问题,是如何排查问题以及最终解决的,你在这个项目中担任了什么样的角色等。

关于投递思路

找工作之前,你得先想明白一点,你具体想做什么样的公司,具体想做什么样的工作。找工作得具有目标性。

主要就是技术栈,还有工作内容,比方说像笔者,只会 Vue ,如果是React的工作,我可能就不会考虑了。在招聘的标签中,有React,我可能就会直接提前pass掉了,因为我觉得实际工作中,只要把一个学的很通透就可以了。当然,如果你希望能多学,跨越技术栈也不是不可以,都是看个人的想法。

工作内容的话,就是你更偏向的开发类型,比方说是 erp 或者是电商是偏向效果展示或者企业官网,直播,游戏开发等。

当然,投递的顺序,也最好先从小公司开始投起,毕竟,长时间不面试的话,得先练练手,找找感觉,直接投递心仪的公司,容易直接芭比Q,而且,大公司可能会有简历池,当你没过,或者是印象很差之后,你的简历就已经被拉黑了,以后投递多少次都是直接屏蔽的。

关于面试

首先,面试需要调整自己的心态,并不是说所有问的,你都要答出来,你首先要放轻松。你要了解面试的本质,它其实就是在简短的时间内,将你的知识传递给面试官,我个人还是比较喜欢面试的感觉的,我会把它当做是一场技术的聊天。

当面试官问你问题的时候,其实就是它想知道你关于这方面的知识,一般新手很容易犯的一个问题就是,一问一答,面试官问什么,你就说什么。说完就放空了,现场一度沉寂。

正确的做法是,你要学会答出问题的同时,引申出一些别的更深层次的东西。当然,引的方向你也要学会自己把控,不要把方向往自己不会的地方引,那你无疑是给自己挖坑。

那么,到底如何避免一问一答的机器人回答呢,举个例子:

  1. 深浅拷贝

首先从基本数据类型到堆栈内存,再到如何实现深浅拷贝,再到JSON.parse(JSON.stringify()) 所带来的弊端,再到如何自己实现深拷贝。

  1. 数据响应式

从 v2 的 Object.defineProperty,再到数组和对象的循环绑定 Object.defineProperty ,再到 Vue 无法检测实例被创建时不存在于 data 中的 属性,以及无法监测到直接通过数组下标修改带来的响应式问题,包括,它是如何通过重写数组的七大方法 (push,pop,shift,unshift,slice,splice,reverse),来让它实现响应式的,然后,再到当不发生响应式更新时,通过 $set 以及 $forceUpdate 来解决,以及 $set 为什么相比于 $forceUpdate 性能更好,再可以往下深入的话,就是发布、订阅者模式(Dep和Watcher),再可以到数据的响应式如何影响到视图的响应式,那就是模板语法。

  1. Event Loop

可以从 JS 的单线程,为什么是单线程,再到同步任务和异步任务,再到微任务宏任务,再到视图渲染更新,再到重绘和重排,再到浏览器的渲染机制,以及$nextTick()。

当然,这些都是抛砖引玉,当你懂得越多,你就越发现,所有的知识都能串联在一起,在面试官抛出一个问题之后,你可以自己延伸出很多问题,当然,只要不是往自己不会的地方延伸就行,那我只能说,马里奥(挖坑管道工)nb 。

当然,你也要学会察言观色,因为,有些面试官其实自己面试都没什么准备,是想到什么问题,有些面试官可能听你延伸听的津津有味,心想的是真轻松,都不需要自己问问题,但有些面试官是提前准备好了要问哪些问题,并且,可能面试的人比较多,当听的皱眉头,觉得你有点啰嗦,答非所问的时候,建议不需要回答的那么完整,不然可能会引起他的反感。

关于薪资

还是重申一下,千万不要在简历上写期望薪资,等于直接给自己自由门堵上了。

一般面试之前,都会让你填写表,这就是期望薪资的第一道门,可以写的比较宽泛,同样不要给自己限定死,在面试完了之后,你就应该对公司,以及面试官(同事以及领导,毕竟都是两三面起底的),包括公司的技术栈,主要项目都有个大致印象了,如果你觉得这家公司一般,不太想去,放心大胆的期望薪资再提一提就行(反正都不是那么心仪了,可以探一探上限,如果真能给,也不亏)。

如果是比较心仪的公司,可以适当降低一些,毕竟,工作的舒服,可比每个月多点钱,更让我觉得值得。

心灵鸡汤

其次,也不需要那么地在意是否回答的出来,只要聊的开心,让面试官觉得,如果能和你一起工作,是一件令人愉快的事情,那我觉得就已经很不错了。毕竟,面试官也仅仅是寻找一个一起工作的工作伙伴而已。

当然,也有那种故意刁难人的面试官,这种,也无需挂在心上,本身问题的就很刁钻,你回答不出来也不要紧,反正,就算进去了,面试都这样子了,真一起工作,还不得把你卷死,这种进不去也没事,进不去也是血赚,省的进去之后头裂开。

无论如何,要把控好自己的心态,还有一点就是,要学会复盘,在面试完之后,记录下自己还有哪些不会的,然后,复盘学习下,下次再被问到,刚好就会了。

当然,也可以弄个excel记录下,笔者就写了个excel记录了下自己的面试记录,比如日期,然后哪家公司,要的多少薪资,然后备注可以写面试之后的感受,比如说面试官人怎么样,对于公司的印象等。看看自己究竟面多少家才能找到自己心仪的工作。

关于问面试官的问题

  1. 公司所有项目使用的技术栈(毕竟如果老项目技术不一致,还让你维护,直接头裂开)
  2. 公司新开项目会使用的技术栈
  3. 关于公司是否有组件库,代码规范程度,前后端如何约定文档等(无文档的组件库等于天书)

关于问 HR 的问题

  1. 关于五险一金的比例
  2. 关于试用期的时长和薪资折扣
  3. 加班是否有加班工资或者调休
  4. 关于每年涨薪还有职级提升的制度
  5. 关于福利待遇的情况:比方说餐补、房补、交通补、节假日福利等

当然,如果是比较心仪的公司,我觉得没必要问那么多。

 

最后分享程序员面试题库

1、前端面试题库 (面试必备)            推荐:★★★★★

地址:前端面试题库

2、前端技术导航大全      推荐:★★★★★

地址:前端技术导航大全

3、开发者颜色值转换工具   推荐:★★★★★

地址 :开发者颜色值转换工具

相关文章
|
2月前
|
缓存 前端开发 中间件
[go 面试] 前端请求到后端API的中间件流程解析
[go 面试] 前端请求到后端API的中间件流程解析
|
5天前
|
Web App开发 前端开发 Linux
「offer来了」浅谈前端面试中开发环境常考知识点
该文章归纳了前端开发环境中常见的面试知识点,特别是围绕Git的使用进行了详细介绍,包括Git的基本概念、常用命令以及在团队协作中的最佳实践,同时还涉及了Chrome调试工具和Linux命令行的基础操作。
「offer来了」浅谈前端面试中开发环境常考知识点
|
2月前
|
存储 XML 移动开发
前端大厂面试真题
前端大厂面试真题
|
2月前
|
存储 前端开发 JavaScript
44 个 React 前端面试问题
【8月更文挑战第18天】
37 2
|
2月前
|
存储 JavaScript 前端开发
2022年前端js面试题
2022年前端js面试题
29 0
|
2月前
|
存储 前端开发 JavaScript
44 个 React 前端面试问题
44 个 React 前端面试问题
|
2月前
|
存储 JavaScript 前端开发
|
2月前
|
Web App开发 存储 缓存
|
2月前
|
前端开发 容器
前端面试热门问题--浮动和清除浮动(CSS)
前端面试热门问题--浮动和清除浮动(CSS)
|
2月前
|
前端开发 应用服务中间件 API
"揭秘!面试官必问:你是如何巧妙绕过跨域难题的?前端代理VS服务器端CORS,哪个才是你的秘密武器?"
【8月更文挑战第21天】在软件开发中,尤其前后端分离架构下,跨域资源共享(CORS)是常见的挑战。主要解决方案有两种:一是服务器端配置CORS策略,通过设置响应头控制跨域访问权限,无需改动前端代码,增强安全性;二是前端代理转发,如使用Nginx或Webpack DevServer在开发环境中转发请求绕过同源策略,简化开发流程但不适用于生产环境。生产环境下应采用服务器端CORS策略以确保安全稳定。
34 0
下一篇
无影云桌面