头图

一年半前端人的求职路

刚刚跳槽🔥🔥,这里分享一波个人学习资源。想看跳槽之路的可以看下点点:一年半前端人的求职路先赞再看,养成习惯,谢谢各位大哥🤓

1519393245921064.jpeg

一、简历

一定要有亮点!!!名校、大厂、工作经验、个人博客、开源项目等等。如果说都没有,来,现成的,把我的博客fork一份拿去自己用,搭建教程博客也有,求个start俊劫的博客 GitHub。下面是个人认为比较重要的点,有不同见解的,评论区battle一下🤓

1、总体

不要花里胡哨的,可以用重点颜色标记自己擅长的技能,简历模板一定要简洁,字体大小,行距要看的舒服,不要一大段一大推文字的来,用1234来描述自己负责的事情,产出的结果,社招简历不要低于两页

投递简历最好找靠谱的内推,能根据你的经验,给你推业务较为匹配的部门,同时能跟进进度。不然就找猎头给你推,最后boss联系hr也行。(大部分公司有简历档案,一般半年起步不能再投,除非有人捞你)

2、项目经验

社招最重要的部分,类似的项目经验可以浓缩下,根据项目熟悉度,排序写。没啥写的就编一些你知道的解决方案,前提是自己要搞清楚,很多面试官是逮着你的项目经验细问

项目经验中,要加入一些个人思考,这个项目是不是不让你做,结果也一样?有没有考虑过每个需求的合理性,扩展性?有定制化需求如何处理?你的价值在哪里?你做过哪些方案调研架构设计产品设计?遇到过什么难题?技术方案怎么落地

3、工作经历

工作时间可以自己算一下,标注一下几年几个月。自己在公司担任的职位,负责的事情,做出的产出。获得过什么什么奖项都可以写写。

4、基本信息

姓名、年龄、电话、居住地、几年经验个人博客GitHub链接等等。照片的话,对自己有自信的,美一美搞一个。学校好的,可以重新起一栏写,不好的就一笔带过吧。

二、面试高频问题

2月初面试遇到的一些问题,不全面,但是比较真实

1、JavaScript

  • 讲讲js数据类型symbolbigint讲一讲应用场景?
  • 判断数据类型的方法?instanceof原理? typof nulltypeof NaN
  • var/let/const 区别?暂时性死区?const a = {}; a.x = 1 能不能修改?
  • 说说你对函数式编程的理解?平时的使用场景?
  • 防抖、节流的含义,使用场景?手写一下
  • bind实现?bind之后还能修改this指向吗?为什么?
  • 闭包概念,最主要的还是问闭包的场景
  • es5实现es6类的继承?各种继承问的挺多的
  • 深拷贝与浅拷贝?常用方法?手写一个深拷贝函数
  • 说说你知道的JavaScript设计模式?观察者和发布订阅的区别?手写一个发布订阅?我真的写了
  • 说说对JavaScript异步编程的理解?
  • Promise.all、race、allSettled 概念、手写?很多手写题都会用到

2、Css

  • 水平垂直居中?兼容性?不知道宽高情况下?
  • BFC概念?作用?常用场景
  • Flex?注意flex:1的含义
  • 盒模型概念,如何切换盒模型?
  • 实现1px边框?1px线条?
  • 伪类伪元素区别?使用场景?

3、Http && 浏览器

  • 浏览器缓存?http缓存? 主要要讲一讲强缓存、协商缓存、preload、prefetch、Service Worker等,协商缓存浏览器响应code是什么?304的含义?协商缓存e-tag是怎么生成的?Last-Modified是基于什么生成的?两者对比一下?优先级哪个高?
  • 什么是跨域?什么情况下会跨域?跨域的解决方案有哪些?说说CORS中的简单请求复杂请求form表单提交会跨域吗?
  • 讲一讲浏览器事件循环Event Loop?node 事件循环描述一下?
  • http2有哪些新特性?http2还有哪些缺陷?http3的一些了解?
  • 从输入 URL 到页面加载完成的过程,一般要很详细的描述:包括DNS查询缓存查询,3次握手4次挥手,浏览器渲染进程等,面试官会从里面再挑几个问题深入问,比如为什么是3次握手4次挥手?渲染进程中的GUI渲染线程、JS引擎线程、事件触发线程等等?可能会问到进程线程的区别?浏览器为什么是多进程?js为什么是单线程?怎么支持多线程?等等
  • https加密原理?主要是讲对称加密非对此加密结合使用的一个过程。什么是中间人攻击?和http区别?

4、Vue

  • 生命周期?那个生命周期可以获取到真实DOM修改data里面的数据,会触发什么生命周期?
  • 组件data为什么是一个函数
  • vue 组件通信?一般说了vuex,就会问vuex用法?actionmutations区别?实现原理等?
  • vue 导航守卫,分全局和组件的,一般用于权限控制,这个就可能扯到项目中的一些鉴权问题
  • $nextTick 作用?实现原理?微任务向宏任务的降级处理,经常被问到说出几种宏任务,微任务。
  • vue响应式原理?基本都会问
  • vue scoped属性作用?实现原理?
  • vue router有几种模式?实现方式?
  • key的作用?没有key的情况,vue会怎么做?会引出diff的问题
  • vue diff过程,和react diff区别?
  • vue 2.x defineProperty缺陷?业务代码里面怎么处理?$set原理?vue是怎么重写数组方法的?考察你是不是真的看过源码
  • vue 3.0 proxy优缺点?怎么处理vue3不支持IE?
  • computedwatch 的区别和运用的场景?除了基本的,看你能不能说出三种watcher的区别
vue原理相关的可以参考我的另外一篇文章:vue2.x高阶问题,你能答多少

5、React

  • 生命周期?官方为什么变化
  • 说说你对虚拟DOM的理解?直接全量更新和diff哪个快(这个问题要分情况)?
  • 什么是HOC?React里面用过哪些?可能让你实现一个add(1)(2)(3)的函数
  • Fiber干了什么事情?requestIdleCallback了解多少?
  • react性能优化?
  • hooks出现的意义?类组件函数组件之间的区别是什么?
  • 为什么不要在循环、条件语句或者嵌套函数中调用hooks?记住官网的一句话,Not Magic, just Arrays
  • setState 同步还是异步?比较常问,问的可能也比较深入
  • 如何避免组件的重新渲染?memo/useMemo、PureComponent?useMemo和useCallback区别?
拉钩之前有个一块钱的课【深入浅出搞定 React】修言大佬的课,有兴趣的可以去看看(也可以借号🤓)

6、其他

简历写的了解,问的很少。即使现在公司用node做中间层,也基本没问node的问题,所以这块我就简单写写

  • ES ModuleCommonJS 模块的差异?两者互相加载的方式?一般会扯到AMD
  • EventEmitter 概念,使用场景,错误捕获
  • Stream 概念?使用场景?常见的Stream?

webpack基本也是必问,得系统学习一下

  • webpack 构建流程打包原理
  • 项目中做的一些优化
  • loaderplugin的区别?有没有写过?常用哪些loader和plugin
  • webpack热跟新原理?
  • tree-shaking?对于 CommonJS,tree shaking怎么办?
  • webpack loader的执行顺序

其他

  • 项目做过的一些性能优化,基本必问
  • Typescript 中的 interfacetype 到底有什么区别
  • 等等,很多低频率的想不起了
其他的一些东西,主要还是看你简历上写了什么,或者你的回答有什么面试官感兴趣的词。尽量突出自己的优势,发挥好就行,结果对自己的检验,不是对自己的否定,加油💪🏻

三、资源分享

1、博客

2、社区

  • 掘金 有必要写一下的,还有SegmentFault、CSDN、博客园等等,就不一一写了
  • 开源中国 没事去逛逛,看看业界大哥们都在搞什么
  • vue中文社区 不知道是不是正版,基本都是vue的相关生态
  • 印象中文 算是一个导航,资源汇总

3、算法

4、开源项目

5、React

6、Vue

7、效率&工具

8、其他文章

image.png


俊劫
57 声望8 粉丝