前言：不管面试技巧和复习也只是巩固知识和聚焦知识的手段，还有时间的同学应该聚焦于深度的学习。别人的经验或者答案是为了帮助你理解知识点，而不是指文字背下来，只有形成了自己的理解并加以demo 和 项目实践，会更加的熟练。

面试中主要考查前端基础（HTML、CSS、JS）、数据结构与算法、网络、浏览器、框架、前端安全、前端工程化、性能优化等等，有些面试官会注重计算机基础的，会问一点点操作系统的问题，其实需要掌握的远不止这些，平时git操作已经是家常便饭了，所有git基础操作最好也会吧，不过不是面试的硬性规定，有些同学去了公司再学的，不过有时间的学弟学妹务必掌握。

面试的原则就是：先可以投递一些小公司，等小公司都能通过后，再投递部分中型公司，最后再投递大厂。层层打怪一样，投递途径有：**学姐学长内推、实习僧、牛客网实习广场、牛客网网友内推码、拉钩招聘、BOSS直聘。**在面试某公司前，下面的基础内容都掌握完后，就可以在面试前进入牛客网搜对应公司甚至是对应部门的面经题刷，一二三四面根据面试进度去看。面经是面试经验的缩写。

压缩包会涉及到面经-online，前端手撕模拟，leetcode刷题记录、计算网网络面试pdf、剖析 Vue.js 内部运行机制pdf。

以下内容基本每个部分都参考了：https://juejin.cn/post/6844903577220349959#heading-30、面经-online、刘畅的blog。

前端面试经验：

HTML、CSS篇

HTML、CSS面试中能涉及到的问题不是很多，大概如下：

1. https://mp.weixin.qq.com/s/lyJvwg1tdbJUJ9A1soGG-Q 神三元的css总结
2. https://github.com/MrPand111/Blog/tree/master/HTML%2BCSS 刘畅的blog
3. https://juejin.cn/post/6844903577220349959 中CSS部分
4. 文件面经-online里面的html、css部分。

遇到不懂的概念去MDN搜就行，遇到很烦的trick可以来问学长学姐有没有必要看

JS篇（包括DOM和BOM）

1. https://juejin.cn/post/6844903577220349959#heading-8 里面的JS部分
2. https://github.com/MrPand111/Blog/tree/master/JavaScript 刘畅的blog
3. https://juejin.cn/post/6844903974378668039、https://juejin.cn/post/6844903986479251464、https://juejin.cn/post/6844904004007247880 神三元的三篇JS灵魂之问
4. 文件面经-online里面的JS部分。

遇到不懂的概念去MDN搜，或者google网上搜解释，https://es6.ruanyifeng.com/ ES6部分的语法直接看这个链接

计算机网络

1. 计算机网络面试pdf

2. https://juejin.cn/post/6844904070889603085#heading-3、https://juejin.cn/post/6844904100035821575神三元的两篇

3. https://blog.csdn.net/qzcsu/article/details/72861891 三次握手与四次挥手

4. http://www.ruanyifeng.com/blog/2014/09/illustration-ssl.html 图解SSL/TLS协议

5. https://www.cnblogs.com/chyingp/p/websocket-deep-in.html WebSocket协议：5分钟从入门到精通。（这个如果简历里面没有可以不看，不过建议看一下，了解一下）

6. 文件面经-online里面的网络部分。

浏览器

1. 有时间的话看下：极客时间的《浏览器工作原理与实践》，沸点网盘里面有资源，看专栏pdf就行。没时间，紧急面试的话，就别看这个专栏了，翻阅某个知识点的话可以看看。
2. https://juejin.cn/post/6844904021308735502#heading-0 神三元浏览器篇
3. 文件面经-online里面的浏览器部分
4. https://github.com/MrPand111/Blog/tree/master/%E6%B5%8F%E8%A7%88%E5%99%A8 刘畅的blog
5. https://www.jianshu.com/p/54cc04190252 浏览器缓存机制
6. 跨域：https://segmentfault.com/a/1190000011145364 、https://github.com/MrPand111/Blog/blob/master/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/%E8%B7%A8%E5%9F%9F%E5%9C%BA%E6%99%AF%E5%92%8C%E6%96%B9%E5%BC%8F.md
7. cookies、sessionStorage和localStorage的区别：https://www.cnblogs.com/pengc/p/8714475.html
8. jwt：https://www.jianshu.com/p/576dbf44b2ae、https://marshal.ohtly.com/2016/05/10/using-jwt-with-nodejs/、https://jwt.io/#encoded-jwt。最后这个链接是用来感受demo的

网络安全（前端涉及到的安全部分）

1. 文件面经-online里面的前端安全部分
2. https://juejin.cn/post/6844904021308735502#heading-0 中第七篇、第八篇、第九篇

框架（主要：Vue）：

1. https://segmentfault.com/a/1190000016344599 vue基础知识点。主要还是多看vue文档+实践吧

2. 掘金小册，剖析 Vue.js 内部运行机制，资源在压缩包里面可看。

3. 文件面经-online里面的框架部分

4. https://github.com/MrPand111/Blog/tree/master/vue.js 刘畅的blog

5. 有时间的话可以看下《vue.js深入浅出》书籍

6. https://github.com/answershuto/learnVue

7. https://ustbhuangyi.github.io/vue-analysis/

工程化：

主要是webpack吧，不过可以了解下轻量型的vite。

1. 系统入门学习，看慕课网，DELL的《从基础到实战 手把手带你掌握新版Webpack4.0 完整版》、沸点网盘里面有这个资源、看文档（不要求进来就全部看完，只能怎么找到对应的配置就行）
2. 有时间的可以看下：https://xbhub.gitee.io/wiki/webpack/ 深入浅出webpack
3. https://github.com/MrPand111/Blog/blob/master/node.js%2B%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/%E6%B5%85%E8%B0%88webpack.md 刘畅的blog
4. 文件面经-online里面的工程化部分

性能优化

1. 文件面经-online里面的性能优化部分。

前端API模拟题

1. 文件《前端手撕面经题》里面的JS模拟部分

算法

算法这块，字节每面都考2个左右，运气好些的话，可能就写在api的模拟题。阿里部分面试不会要求算法，阿里有些面试是电话面试，腾讯的话，如果是wxg部分，基本每一面，上来就是做题，做完题再问问题。

1. 文件《leetcode刷题记录》，主要是hot100的题，公司考查的话基本不会考到hard难度的，
2. 有余力的同学可以刷下leetcode里面的剑指offer题
3. https://codetop.cc/#/home，面经算法题
4. 有时间的同学可以买会员去搜leetcode对应公司的题库，但是觉得上面第三部分的链接题会实在一点。