wudeh的学习基地
wudeh
2021/03/23 00:00:00

【分享】2021新鲜面经和资源分享

上一篇文章，一年半前端人的求职路 (opens new window) 因为被举报取消了推荐，再来一篇

# 一年半前端人的求职路

刚刚跳槽，这里分享一波个人学习资源。想看跳槽之路的可以看下点点：一年半前端人的求职路 (opens new window)。

先赞再看，养成习惯，谢谢各位大哥 🤓

1519393245921064.jpeg

# 一、简历

一定要有亮点！！！名校、大厂、工作经验、个人博客、开源项目等等。如果说都没有，来，现成的，把我的博客 fork 一份拿去自己用，搭建教程博客也有，求个start。wudeh 的博客 GitHub (opens new window)

# 1、总体

不要花里胡哨的，可以用重点颜色标记自己擅长的技能，简历模板一定要简洁，字体大小，行距要看的舒服，不要一大段一大推文字的来，用1234来描述自己负责的事情，产出的结果，社招简历不要低于两页。投递简历最好找靠谱的内推，能根据你的经验，给你推业务较为匹配的部门，同时能跟进进度。不然就找猎头给你推，最后 boss 联系hr也行。（大部分公司有简历档案，一般半年起步不能再投，除非有人捞你）

# 2、项目经验

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

# 3、工作经历

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

# 4、基本信息

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

# 二、面试高频问题

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

# 1、JavaScript

  • 讲讲js数据类型？symbol和bigint讲一讲应用场景？
  • 判断数据类型的方法？instanceof原理? typof null？typeof 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 用法？action和mutations区别？实现原理等？
  • 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？
  • computed 和 watch 的区别和运用的场景？除了基本的，看你能不能说出三种watcher的区别

    vue 原理相关的可以参考我的另外一篇文章：vue2.x 高阶问题，你能答多少 (opens new window)

# 5、React

  • 生命周期？官方为什么变化？
  • 说说你对虚拟DOM的理解？直接全量更新和 diff 哪个快（这个问题要分情况）？
  • 什么是HOC？React 里面用过哪些？可能让你实现一个add(1)(2)(3)的函数
  • Fiber干了什么事情？
  • react性能优化？
  • hooks出现的意义？类组件和函数组件之间的区别是什么？
  • 为什么不要在循环、条件语句或者嵌套函数中调用hooks？记住官网的一句话，Not Magic, just Arrays
  • setState 同步还是异步？比较常问，问的可能也比较深入
  • 如何避免组件的重新渲染？memo/useMemo、PureComponent？useMemo 和 useCallback 区别？

# 6、其他

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

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

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

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

其他

  • 项目做过的一些性能优化，基本必问
  • Typescript 中的 interface 和 type 到底有什么区别
  • 等等，很多低频率的想不起了

# 三、资源分享

# 1、博客

# 2、社区

# 3、算法

# 4、开源项目

# 5、React

# 6、Vue

# 7、效率&工具

# 8、其他文章

# 四、内推（非 996）！！！

# 基本信息

HC 真的很多，我所在的部门前端 20 个 HC，其他部门也可内推

  • base：杭州西湖
  • 邮箱：wujunjie@youzan.com
  • 微信：V798595965（博客可直接扫码 wudeh 的个人博客 (opens new window)）
  • 福利：每月月底发薪！每月980补贴！五险一金最高比例全额！14薪！
  • 配置：Apple 13寸M1芯片16+256GB ，2K显示器，机械键盘
  • 节奏：周 35，六点多就走了，124，九点跑，企业打车免费不限额
  • 其他：7 天年假，每年加 1 天。超大健身房。全程跟进简历进度 有其他问题都可以加微信问我

# 岗位要求

image.png

#面试#掘金分享
最近更新时间： 2021/06/17 02:13:36
前端基础 - 手写系列
【面试】前端求职之路

← 【面试】前端求职之路→

最近更新
01
2025/11/10 00:00:00
02
2025/10/01 00:00:00
03
2025/09/15 00:00:00
前往更多 ...
wudeh.github.io@5.0 wudeh 2018 - 2025 访客数：- 访问量：-