前端岗位春招总结，回馈社区
前端岗位春招总结，回馈社区
应一位朋友的要求，把自己春招经历及相关的写写，之前有发过面试经验帖子，朋友吐槽全是题目，而且很分散，然后又发的早没有加上我后来的经历，遂总结性的写写
准备
其实我接触牛客网蛮早的，我在去年这个时候就潜水在讨论区，当时看到18的找实习，17的找正式工作，感触颇深，遂开始早早的做准备
准备的有以下几个方面：
- 基础
- 牛客网上刷html/css,javascript两个专题
- 收集当时讨论区的各种面经，一条一条的看，不会的就去学
- 阅读经典书籍：<你不知道的javascript>,<深入浅出nodejs>等
- 公众号文章：前端大全，前端早读课
- 项目
- 提前实习：10月进入一家小有名气的互联网公司实习
- 学校里的项目尽量用全新的技术栈去实现
受学长简历的影响，我从大二暑假就开始思考，简历上应该要写什么项目上去合适，应该写到什么程度，写上去的东西里面有自己不熟悉的吗，每个东西都去深入了解过了吗，所以后来春招没有遭遇过简历挂
学习
其实我在17年之前都是在做java web相关的，web前端这一块的开发甚至还停留在jQuery+bootstrap，甚至还在前端js里面最原始的手段拼接过html字符串，也是在17年上半年在一个小公司实习的时候，逐渐转型做现代前端开发
下面我简单的写下我自己认为现在前端所应该具备的知识，也是我个人的相关学习经历，仅仅是我个人之见，如有异议还请见谅
(因为我没有做过移动端的开发，所以也没怎么接触过移动端的知识，万分抱歉)
我的前端技术栈是React技术栈，React的学习主要是以下几个方面：
- 入门：陈屹的<深入React技术栈>
- React深入：项目问题的解决及社区各种文章
- Redux入门：dva.js
- Redux深入：Redux官方文档
面试中问到React相关的，大的方面大概有以下几个：
- React生命周期及其相关钩子函数
- React v16新特性
- React diff fiber
- React与其他库的结合(实际场景实际分析)
- React性能优化
- React ssr
- Redux设计原则与flux架构
- React与Redux源码相关
- React与其他框架的对比
也用过vue，但是项目里深入的不够，面试的时候就说了vue不是很熟，所以遇到的问题不是很深入，学习的话基本上就是官方文档，相关的问题如下：
- vue双向绑定原理与源码
- vuex和redux的异同
- vue diff和react diff异同
- vue生命周期及其相关钩子函数
从react和vue这两个现在主流的框架的相关问题可以看出，在面试时关于框架的问题一般都会涉及到底层实现和生命周期，状态管理等，所以一定要多看官方文档，千万千万不要出现只是用过就写在了简历上的情况，那样会彻底凉掉的
原生js的学习的话，主要是：
- 多看书！<你不知道的javascript><javascript高级程序设计> <- 必看
- es6: 阮一峰老师的开源书籍:ECMAScript 6 入门 (现在里面的内容还有es6后面的内容)
- 深入理解js异步
- Promise机制
- async await
- 事件循环
- 宏任务微任务
- ..
html/css的学习，主要就是w3c的教程配合刷题，这个方面需要多花时间去记，如果有时间，可以自己去实现一些精美的效果那更好
接下来就是nodejs即后端，我身边很多前端er觉得nodejs是后端的，不需要学习也不需要接触，殊不知，现代前端其实就是JS工程师，所有能用JS做到的事都应该去尝试与学习，更别说现在前端这个大环境，JS全栈是有很大的优势的
学习的话，主要以下几个方面：
- 朴灵老师的<深入浅出nodejs> <- 必看
- 特点与I/O密集
- v8内存管理
- 新生代老生代算法
- 内存限制
- Libuv
- 进程管理: cluster和pm2
- 框架: express和koa
- 框架深入: koa源码，很值得学习
- 数据库：MongoDB/Redis的应用及简单深入
既然说到了后端，那不可避免就要说到架构相关:
- Nginx配置与特点
- Rest架构与新的Graphql
- 应用部署Docker
可视化这一块，其实水很水，面试的时候只要不说是专门搞可视化的话，基本上也就停留在canvas和svg以及库的使用上，写写与js相关的东西
- Canvas和SVG
- D3.js
- Echarts与G2,G6
- Zrender
- webgl
最后，最重要的我一直没有说，那就是计算机的基础，尤其<计算机网络>,<操作系统>,<数据结构与算法>这三大部分，相当重要！相当重要！相当重要！
阿里
阿里是我第一家投递的公司，也是等待最长的
时间流程为：
- 2.28投递简历
- 3.2完善完简历，学长帮忙进行了内推，进入内推流程
- 3.5一面
- 3.7二面
- 3.12三面总见面
- 3.17交叉面
- 3.21hr面
- 4.15晚收到意向书
- 4.19收到邮件offer
具体的面试问题请参考我之前发过的: 阿里19届前端实习生5面经历已收到offer
总的来说，面试阿里的时候前三面发挥比较好，交叉面发挥一般导致评级没有上A+,hr面中规中矩
腾讯
仔细想想，腾讯应该挂了我3次吧，说起来比较好笑啊
- 提前批第一个部门，面的挺好的，问我以后想做交互这一块吗，我说不想，于是就没有然后了
- 提前批第二个部门，被某个不知名部门捞了起来，做了一个笔试，矩形拖动题和大数相加，做完就没有后续了，猜测应该是拖动题没有考虑ie的兼容情况
- 正式批，初试表现很好，聊了一个半小时，复试...玄学
提前批的面试情况请参考：- 腾讯19届前端实习生面试一面二面
正式批
一面
时间是4.11
- 自我介绍
- 学校专业年级
- 简略的实习经历
- 前端技能概括
- 学习方法概括
- 个人简单小结
以项目本身发散的各种问题:
- db
- 系统数据表的设计
- 画这个系统的数据库的ER图
- MongoDB的特性
- 文档性数据库有什么弊病
- fed
- React diff算法
- React16 特性
- 用过的ES6特性
- 闭包
- 原型链
- sigmajs如何和react结合
- Redux设计原则
- Graphql
- 函数式编程: 应用,思想
- node
- 说说你对node的了解
- 内存限制(node默认最大内存多大)
- v8垃圾回收机制
- 新生代老生代回收算法
- 内存管理
- Hapi和koa的对比
- network
- 说说你对http和tcp的了解
- http报文
- 浏览器输入地址到页面渲染发生的网络相关知识
- DNS解析过程
- 拿到ip之后怎么去请求
- os
- 进程和线程的区别
- DS && Algorithms
- 快速排序: 描述，复杂度
- 二叉树的查找
- B树,B+树,红黑树
二面
二面的面试官不是前端岗位的，也并不懂前端...全程高冷...难以交流
自我介绍完之后，介绍了一个项目的 - 项目架构，应用场景，数据表的设计等之后
让我实现一个json字符串解析库，先写核心代码再完善，我写的很艰难，他还再旁边说可以用编译原理的词法分析角度分析一下(我：.....)
然后又让我写计算浏览器输入url回车到网页完全渲染的时间的代码，没写出来，凉
其他
网易过了笔试，因为要现场面试于是没有去，然后京东投递了之后，忘记做笔试了...尴尬
总结
最后：感谢牛客网！难得这么好的程序猿交流社区
以及感谢牛客网前端JS交流群的各位：退群是不可能的，这辈子都不可能的，里面的老哥个个都是大佬，每天都在发干货，说话又好听，超喜欢待在这里的。
群号：592744358
查看16道真题和解析
腾讯HR面489人在聊