前言
能有大厂面试的机会，相对要去珍惜，因为他真的能够帮你找出你太多的有余，精确命中你的弱点！
还有，肯定要长于总结经验，总结面试题，为前面的面试储蓄能量。
我的面试后果
哎！长叹一口气 …
我跪在了一面！然而，这次的面试，相对是我面试生涯中，最最感觉特地值得的一次，也是让我备受打击的一次！他胜利的让我跪在大厂的背后，又让我从新的去意识本人，不是会写个页面就是前端开发工程师，不是会调用一次 ajax，就是前端开发工程师，不是会写个 css 就是前端开发工程师！
自我介绍
对于自我介绍方面，能够说我真的没什么能够多介绍的。置信很多的前端开发的小伙伴都跟我有同样的感触吧！毕竟，在公司工作的大部分工夫都交给了反复的需要上，别说你没有！除非你的工作真的不饱和！哈哈。。。然而呢，自我介绍真的不能够轻易的放过，因为他可能是你关上面试官趣味的钥匙。如果你介绍的好，你能够一步步的疏导面试官问一些你相熟理解的常识，能够不被面试官牵着鼻子走！然而。。。我真的没有很优良的能够说的进口的货色啊！这是真的硬伤，所以，还是规劝各位小伙伴，在业余的生存中，还是要做一些本人感兴趣，算了！可能你也真的不感兴趣！肯定要做一些你不理解的然而对前端又十分的重要的常识，尝试着去实现一下！例如，自己就不是很相熟 Node 方面的常识，平时的开发中也不罕用，如果你真的有特地杰出的开源我的项目，肯定要介绍进去，会引起面试官很大的趣味！跑题了哈。。。
第一道题：说一下你在我的项目中遇到的比拟有挑战性的工作？
这是一道比拟开放性的问题！齐全靠面试者本人在平时的开发中自我总结！我感觉，面试官真正想要理解的，是你在开发中，遇到辣手问题，如何解决，还有就像是下面说到的，有没有做一些本人平时工作中可能没有应用，然而作为前端开发必须要把握的常识。这个就因人而异了，多多总结，多多汲取教学，这都是当前进入大厂的铺路石。
第二道题：对于 flex 布局，如何实现垂直居中？
我置信，凡是有筹备面试的小伙伴，都会在各个文章、博客中看到过，实现垂直居中的 1001 中方法，面试官想要考查的，绝不仅仅是你能说出 flex 的垂直居中，你须要把握的是全副的 flex 布局的常识，因为，flex 布局的呈现，极大的加重的开发页面的累赘，简介、轻量化、语义化！你真的齐全把握了吗？还不去翻阮一峰的博客？
第三道题：对于浏览器，从 URL 输出，到页面的齐全展示，都经验了什么？
这题，你也看过，然而你能完完整整的形容进去吗？我感觉，你应该再从脑子外面过一遍，不要留下任何的知识点，因为这外面能问到的常识，真的太多了！DNS 解析，http 申请，对于缓存，HTML 树，页面渲染，回流、重绘。你都齐全的把握了吗？去翻博客吧！
第四道题：对于页面的加载，css 的解析会影响 js 的执行吗？css 加载会影响吗？
这题，如果你残缺的读过 Javascript 高级程序设计，你肯定晓得对于 async 和 deffer 的区别！别说你这也不晓得，如果你真的不晓得，那就去翻吧！
第五道题：对于 promise 的执行程序？
都晓得，promise 是异步执行，然而，你晓得为什么 promise 能实现异步执行吗？then 办法的参数的意义是什么？我一时的大脑一片空白，明明每天都在调用接口，应用 promise。也每天都在应用 then 办法，那是，我就是说不进去！不要像我一样，因为我把握的可能真的不彻底，所以很快就暴漏出来了，还没等问到你 promise 实现的原理呢！
第六道题：输入框输出，申请后盾接口，第一个接口返回的信息可能比较慢，到第二次调用后信息曾经返回了，前一条数据才进去，如何防止页面被第一个接口返回的信息笼罩？
我过后的答复是，给后端发送字段，而后判断返回的字段的先后顺序，比方 A 接口参数传 1，再次调用时传 2 …
面试官不太称心，因为如果页面大量的 get 申请，很不不便，还要传参！如何解决呢？我过后没有好的办法，你有吗？
（面试官：能够在 axiox response 拦挡，比对我咱们发送的参数，进行比拟，而后筛选出后输出值返回的数据）
第七道题：多维输出，如何判断数组的最深层有多少层？例如：[1,3,3[4,6,7,[5,6,7,43,[23,4]]]], 返回 4！
来吧，冲破你的想象力，你有多少种实现的办法？
第一种：递归，然而，是不是杀鸡用牛刀？
第二种：数组转化为字符串，而后查处多少个‘[’活着‘]’是不是更不便呢？
第八道题：http 和 https 的区别是什么？
都晓得 https 更平安，他是如何实现的比 http 更平安的呢？在哪里用到了对称加密？哪里用到了非对称加密？
这篇文章不是给大家进行知识点总结，如果你还不晓得，那就去学吧！
面试总结
面试挂掉如何调整心态
面试挂掉有这么几种可能：
1、对方发现你不适宜他们：比方对方想招一个带团队的，而你是做技术。遇到这种状况不要丧气，这不是你的问题。我因为这个拒面的占 50%（包含对方回绝我，和我拒面对方）
2、Head Count 无限，他们抉择了其余的人：遇到这种状况也不要丧气，毕竟人外有人，而他们 Head Count 可能只有一个。如果你面试前可能和 HR 或工程师间接接触，也能够问问他们有多少 Head Count
3、真的是凭实力挂掉了：这个的确能够稍晚丧气下，而后痛定思痛，反思反思本人是不是哪里须要查漏补缺，或是表达方法哪里有什么问题。
面试题归类
我完结面试后，把面试题分几大类总结进去整顿成一份 PDF 文档，不便查找和学习，每道题上面都有具体的解析，须要前端字节跳动真题解析的小伙伴们间接点击这里支付
HTML
- HTML5 有哪些新个性？
- Doctype 作⽤? 严格模式与混淆模式如何辨别？它们有何意义?
- 如何实现浏览器内多个标签页之间的通信？
- ⾏内元素有哪些？块级元素有哪些？空 (void) 元素有那些？⾏内元 素和块级元素有什么区别？
- 简述⼀下 src 与 href 的区别？
CSS
- 请你讲一讲 CSS 的权重和优先级
- 介绍 Flex 布局，flex 是什么属性的缩写：
- CSS 怎么画一个大小为父元素宽度一半的正方形？
- CSS 实现自适应正方形、等宽高比矩形
- 实现两栏布局的形式
- 实现三列布局的形式
- CSS 动画有哪些？
JavaScript 根底
- 问：0.1 + 0.2 === 0.3 嘛？为什么？
- JS 数据类型
- JS 整数是怎么示意的？
- Number() 的存储空间是多大？如果后盾发送了一个超过最大本人的数字怎么办
- 写代码：实现函数可能深度克隆根本类型
- 事件流
- 事件是如何实现的？
- new 一个函数产生了什么
Vue 框架
- active-class 是哪个组件的属性？嵌套路由怎么定义？
- 怎么定义 vue-router 的动静路由？怎么获取传过来的动静参数？
- vue-router 有哪几种导航钩子？
- scss 是什么？在 vue.cli 中的装置应用步骤是？有哪几大个性？
- mint-ui 是什么？怎么应用？说出至多三个组件应用办法？
- v-model 是什么？怎么应用？vue 中标签怎么绑定事件？
- axios 是什么？怎么应用？形容应用它实现登录性能的流程？
- axios+tp5 进阶中，调用 axios.post(‘api/user’)是进行的什么操作？axios.put(‘api/user/8′)呢？
- 什么是 RESTful API？怎么应用?
计算机网络根底
- HTTP 缓存
- HTTP 罕用的状态码及应用场景？
- 你晓得 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？
- HTTP 罕用的申请形式，区别和用处？
- 你对计算机网络的意识怎么样
- 三次握手和四次挥手
算法
一、链表
二、字符串
三、数组问题
四、二叉树
五、排序算法
六、二分查找
七、动静布局
……
下面的题目都来自前端字节跳动真题解析材料，点击即可支付噢
面试官很 nice，你须要筹备的也真的很多！
学无止境，能有一次面试的机会，肯定要去面，这样你能力晓得，本人真的欠缺很多，要学的真的很多！