23届双非本前端,我的秋招心路历程

907 阅读10分钟

我的情况

今年的秋招情况大家有目共睹,此处不再赘述,对于双非本来说,寒气尤为咄咄逼人,从8月初开始投递简历战线拉长到了10月中旬,总算是结束了秋招,结果还算不错,已经知足了。

为了给自己的秋招画一个句号,也为了反馈社区,于是有了这篇秋招总结,前半部分算是个人碎碎念(看官可根据自身情况选择跳过),后半部分是一些经验和资料分享。

双非本科班前端赛道,无实习、无论文、无竞赛(大学期间没有参加相关的竞赛算是自己的一个小小遗憾)

2021年1月加入实验室,7月参与第一个项目,一个比赛系统,后台管理系统(React+Dva+AntdPro),微信小程序(Taro+React+Dva),一开始师兄师姐带着走,后面自己作为前端组长负责项目开发

11月第二个项目,为市政府开发的集成化平台,后台管理系统(React+Dva+AntdPro),微信小程序(原生+Vant),第一次写微信原生小程序

今年6月第三个项目,为xx研究中心开发的教学平台,后台管理系统(Vue+elementUI),学生PC端(React+Dva+AntdPro、Vue+elementUI),第一次接触Vue开发项目

期间搞过树莓派上Ubuntu OS的安装,用thinkjs写过接口,使用过puppeteer进行自动化测试,用nginx部署项目等

秋招准备

2021年9月份卡哥说23届同学可以开始准备春招的时候,其实我就有找工作的意识(虽然开始陆续准备八股笔记,但课程和报告接憧而至,只得往后延迟,加上自己当时意识确实没达到100%,总觉得时间还足够,惭愧惭愧),就这样到了春节后开学同窗已经有人拿到了字节的offer,我简历都还没开始投,才意识到春招已经开始了!

所以开学后写完简历只投了大概20家,收到了美团、字节和知道创宇的面试,当然,结果皆是面试一轮游,问的问题并不是很难,问题在自己,面试过程中不知道如何和面试官斡旋,也没有学会灵活变通,加上自己前期胆子小就更容易紧张了,因此,导致自己的春招开始了,但又完全没开始。

2022上半年没有新项目,开始为秋招全力准备,包括项目总结、博客积累、八股复习、算法每日一练、框架的学习和面试技巧等。

时间到了8月,眼看着今年秋招一片哀嚎,不能再等了,再不投简历就喝不到粥了,于是开启海投事业,硬件条件已经是硬伤,也管不了那么多了。

整个秋招过程几个词形容,煎熬、焦虑、希望和失望反复横跳、紧张和期待交集在一起。

我想说

个人笔记

写自己的笔记真的很重要

如果时间充足,完全可以一开始从第一个问题往后积累,我是2021.9月从《浏览器工作原理与实践》开始整理笔记,分好笔记模块,后面阅读面经时把不熟悉的问题往笔记搬,当然写笔记不可能一蹴而就,在之后知识体系不断完善的过程中,回过头会发现笔记有不当的地方,就需要修改或调整,不要嫌麻烦,正因如此,我们才得到进步而且印象深刻,看到一个知识点时,能条件反射想起“噢,这个知识在我的笔记中有,写在xxx位置的我都能记起来”

奉上我的笔记模块,大体就是前端三件套、计算机基础和框架

image.png

如果时间不够,可以先参考别人的笔记,在此基础上查漏补缺,达到快速学习积累的目的。

面试复盘

面试过程录音,再复盘,将问的问题整理出来,可以反思以下几个问题:

  1. 我回答的怎样?是否存在会的问题但没有完全表达出来?(不多说,只有多面)
  2. 我的语速如何,和面试官是否有来有回?(即使知道这个问题,但还是要思考几秒再做回答,表示我不是背的八股,而是有带入个人理解)
  3. 多面几次,是否发现有些问题就是老生常谈,几轮面试基本都会问?(重点整理,并争取做到下次回答的更好)
  4. 对于项目的介绍是否有不妥的地方?(下次如何改进,对于项目背景、项目简介、个人贡献和个人收获等)

不可否认,面试这东西其实是带点天时地利人和的,由不得我们决定的东西就不用费尽心思去想了,要把握好我们能决定的,比如

  1. 你肯定比面试官更为熟悉你的简历,可以倒推面试官可能问啥问题(预判他的预判)
  2. 谦逊有礼,认真对待每场面试、每个机会
  3. 尽量不要浮躁,大环境很难,自己都放弃自己了,后果不堪设想

个人习惯

养成良好的个人习惯至关重要,秋招不是靠一两个星期就能解决战斗的,一方面要沉下心学习总结,另一方面还需关注秋招实时信息。

个人坚持的几个习惯:

  1. 有事没事就泡实验室
  2. 经历遇到问题->解决问题的过程及时记录下来,项目复盘时让说难点也就不会不知去向了,和记笔记的重要性并立
  3. 尽量保持健康作息吧,个人一般11点前睡觉,6:40左右起床,白天的学习效率更高(个人情况而论)
  4. 一天时间安排,我习惯用时光序安排,在前一天将第二天日程安排好,做完一件划掉待办,一天下来对时间的掌控感也比较好,不会觉得平白蹉跎岁月

image.png

  1. 锻炼自己的团队协作能力,保持自己获取最新可靠消息的能力,前端发展非常迅速,可能昨天还在学的东西今天就有新的技术出来取代它了,在基础扎实的情况下,也需要多关注前端前沿相关知识,扩展自己的眼界,我们不一定会用,但一定要知道

前期准备及资料

关于前端八股总结这里就不单独列出来了,一来篇幅很多,二来千人千面,自己总结出来的就是最好的、最合适的。(如果需要的话,我后面用网盘整理出来)

可以去github上搜索,有很多相关八股总结。

接下来分享个人收藏的一些资料,搭配食用口感更佳(狗头.jpg)

简历

🌰 超级简历、锤子简历,可选的模板很多,可以开个会员30RMB

八股——JS CSS HTML 计网 OS 浏览器

event loop 实战事件循环 latentflip.com/loupe

ES6 在线转义工具 es6console.com/

编程导航 正则教程 www.codejiaonang.com/#/

正则实战在线工具(中文) regexr-cn.com/

regular expression(英文) regex101.com/

现代 JavaScript 教程 zh.javascript.info/

小林coding计网 xiaolincoding.com/

浏览器工作原理与实践 blog.poetries.top/browser-wor…

浏览器原理 juejin.cn/collection/…

面试率超高的JS事件循环,看这篇就够了 mp.weixin.qq.com/s/VtO7juEcD…

BAT前端经典面试问题:史上最最最详细的手写Promise教程 juejin.cn/post/684490…

80% 应聘者都不及格的 JS 面试题 juejin.cn/post/684490…

谈谈技术选型的注意事项 www.infoq.cn/article/poi…

一个合格(优秀)的前端都应该阅读这些文章juejin.cn/post/684490…

【1 月最新】前端 100 问:能搞懂 80% 的请把简历给我 juejin.cn/post/684490…

Vuex、Flux、Redux、Redux-saga、Dva、MobXzhuanlan.zhihu.com/p/53599723

跨域资源共享 CORS 详解 ruanyifeng.com/blog/2016/0…

项目

1-2个项目足以,有自己的难点和收获就行

框架

React 或者 Vue都行

图解React 7kms.github.io/react-illus…

React源码解析 xiaochen1024.com/

React技术揭秘 react.iamkasong.com/

完全理解React Fiber www.ayqy.net/blog/dive-i…

你不知道的Virtual DOM(一):Virtual Dom介绍 segmentfault.com/a/119000001…

redux-saga redux-saga-in-chinese.js.org/

Redux-Saga(英文) redux-saga.js.org/

Redux(英文) redux.js.org/introductio…

React-Router(英文) reactrouter.com/en/v6.3.0/g…

React Router 中文文档 react-guide.github.io/react-route…

算法

前端对算法要求不是特别高,但基本数据结构还是得会,链表、二叉树、双指针和数组

还有就是前端的算法题,Promise回调实现、部分API实现等手写题了

代码随想录 www.programmercarl.com/

codetop codetop.cc/home

牛客剑指offer www.nowcoder.com/exam/oj/ta?…

其他

互联网大厂面试每日一题 q.shanyue.tech/

前端瓶子君八股 www.pzijun.cn/

前端面试真题,会80%直接进大厂 bytedance.feishu.cn/base/app8Ok…

前端面试指南 interview2.poetries.top/

木易杨前端进阶 muyiy.cn/

前端面试题宝典 fe.ecool.fun/

网道 wangdoc.com/

web前端面试 - 面试官系列 vue3js.cn/interview/

深入浅出 Webpack webpack.wuhaolin.cn/

Nginx 入门教程 xuexb.github.io/learn-nginx…

工具

IEEE 754 双精度浮点数内部表示法 devtool.tech/double-type

在线绘图工具diagrams app.diagrams.net/

learngitbranching 实战git分支操作 learngitbranching.js.org/?locale=zh_…

git - 简易指南 www.bootcss.com/p/git-guide…

廖雪峰的官方网站 git教程 www.liaoxuefeng.com/wiki/896043…

一点建议

基础+实践+视野

可以学习下webpack、nodejs

有时间有条件可以应用TS,React的hooks,很多企业都会问这两块(然鹅就是这两块我没做深入)

时间紧迫的话可以看webpack、nodejs和hooks的高频问题

推荐github、掘金、思否搜索关键词查看文档

个人关注的一些大神的公众号:神光的编程秘籍、代码随想录、阮一峰的网络日志、大迁世界、前端充电宝、码农翻身、前端瓶子君、前端进阶之旅、前端早读课、码小辫、帅地玩编程、web前端开发、程序员DD、程序员鱼皮、小林coding、程序员库森、编程指北、公子龙、程序员小灰等等

微信中搜一搜就可以,这个主要看个人习惯,微信主动推送的风格适合我,在碎片时间内遇到技术文章,我会转发到我的一个群里,再集中时间拜读

快速学习需要五个要点:合适清晰的目标、毫不懈怠的行动、动脑子的重复、及时的反馈、以及这四个过程中的专注

算法

手撕题、数组、链表、双指针、二叉树、动规、贪心、回溯等

项目

看到这几个问题时,想想自己的项目,是否能思考出难点以及收获的地方,如果有,恭喜你,你的项目准备得非常好;没有也不要慌,现下要做的是尽可能挖掘项目中的难点、再思考如何解决它,面试时,能否逻辑清晰、简单明了将自己遇到问题、思考问题、解决问题并得到收获的这个过程描述出来

对于校招面试考察的更多不是我们学了多么高深莫测的技术,更看重的是我们思考解决问题的过程,如何能够从现有实践中做出自己总结并输出。

  1. 你的项目的技术难点是什么?
  2. 你是如何克服这个技术难点的?
  3. 你做这个项目的收获是什么?
  4. 为什么使用这个技术/组件?

面经

这篇帖子是自己所有面经的总结和整理 23届双非本前端赛道之我的秋招面经集合

总结

秋招的路程是煎熬、焦虑和艰辛的,但感谢自己熬过来了,感谢团队和导师的帮助,亲人和朋友的支持还有网友们的鼓励。

同时,非常感激卡哥,从求职路上的迷茫到offer的选择,卡哥帮助了我特别多,一路走来也接触了很多的新东西,学到了新知识,认识了新朋友,加入实验室和卡哥的知识星球是我2021年做过最正确的决定;也感谢星球的伙伴们在困难时的鼓励和加油,这些都是人生不可多得的宝藏。

我们都是普罗大众中渺小一枚,不过是尽力在世界留下一点属于自己的痕迹,保持一以贯之的努力,你会收获不得懈怠的人生

以上,共勉。