前言
在这近期这段时间内，我面试了两次滴滴(前后两个不同的部门)，也面试了一些小公司，这些面试对我的帮忙是很大的，不只是为了一份实习生的工作，一次又一次的面试后我的心态上越发安稳，也发现了本人在学习上的一些缺点，始终也没对其进行一次零碎的总结，这篇文章就用来总结下我的感触和领悟吧！
滴滴的面试是比拟有代表性的，这篇文章就以滴滴的面试内容与面试官反馈为主来引入吧！
滴滴面试的内容
第一次
根底局部：
- 原型链
- 作用域晋升，变量晋升
- 执行上下文和执行栈
- 事件循环机制Eventloop
- this的指向问题
一道思路解说：
- 不必if-else，switch，或>,<等比拟大小的符号，总分为100的考试，失去学生的等级(90-100为一等生，80-90为二等生，以此类推)，我说的思路是求余，大佬们在评论区给给思路
写代码局部：
- leetcode 227题 根本计算器II
- 版本号比拟大小(循序渐进的缓缓提出新问题，并解决)
第二次
不得不说第二次的面试官十分好，不会太有压力，其面试的格调也不一样(我甚至能现场查文档百度)。
前半部分
介绍本人的我的项目，而后面试官会找出一些我的项目的问题来叫你解决，不会很难，兴许就是布局的一些缺点。
后半局部
面试官出了一道题(不会很难)，你来失去后果，而后叫应用另一种办法，另一种思路实现，最初再叫简化代码，将代码压缩到应用一行就实现性能。这里面试官次要是看看我写代码的习惯和思路。
简略刨析上面试题
第一次的面试官面试时面了我一个多小时，大略就是半个小时JS根底的考查加上半小时手写代码的考查，JS根底局部就不在这里总结了，举荐大家面试前肯定多看看《你不晓得的Javascript上册》，上面说说第一次的几个手写题和前面第二次的一些我的项目上被挑出来的毛病，与改良。版本号比拟的就不写了，这是一个面试中用于层层递进的考查题。
1.根本计算器题目
题目：1 <= s.length <= 3 * 105， s 由整数和算符 ('+', '-', '*', '/') 组成，两头由一些空格隔开 s 示意一个 无效表达式 表达式中的所有整数都是**非负整数**，且在范畴 [0, 231 - 1] 内 题目数据保障答案是一个 32-bit 整数。
思路：咱们能够用一个栈，保留这些（进行乘除(分优先级)运算后的）整数的值。对于加减号后的数字，将其间接压入栈中；对于乘除号后的数字，能够间接与栈顶元素计算，并替换栈顶元素为计算后的后果。
var calculate = function(s) { // s=s.trim();//去除两边的空格 const stack=[];//数值栈 let sign='+';//符号 let ans=0;//累加和 s = s.replace(/\s/g, '') for(let i=0 ; i<s.length ; i++ ){ let num =''; //判断是否是符号 if(s[i]<'0'){ sign=s[i]; }else{ while(s[i]>='0'&&i<s.length){ num=num+s[i]; i++;//这里是用于组合两位数以上的值 } i--;//如果下面跳进去了就多了一次，最大是s.length //接下来，把数据压入栈 num=Number(num); switch(sign){ case '+':stack.push(num); break; //减法化为正数 case '-':stack.push(-num); break; //乘除就与栈顶元素进行运算再压入栈 case '*':stack.push(stack.pop()*num); break; case '/': stack.push(stack.pop() / num | 0); //留神这|的用法，它能失去一个整数 } } } //最初只须要累加 while(stack.length){ ans+=stack.pop(); } return ans;};复制代码2.我的项目优化改错
抛出张图：
这里个人主页我用了flex布局使头像和用户名位于同一行，然而屏幕宽度发生变化后，圆形头像变成了椭圆形。面试官老师就叫我改属性解决这个问题。（这个页面的图我也是切的过于粗犷，羞愧羞愧）
到这里就不得不多说一句，flex属性肯定要烂记于心。。。因为我的页面用的都是antd的UI组件，刚开始我还认为是组件的什么属性没有设置好，就去antd文档那看,最初没发现问题，而后面试官就疏导我到页面应用浏览器的开发者工具来查看，最初发现是flex的属性flex-shrink的问题，于是给头像盒子加了个flex-shrink:0,使头像变回圆形(但还是存在很多问题的，比方头像变回了圆形却没有同步放大，屏幕变小了，头像大小却没变)。
这里介绍下flex-shrink属性：flex-shrink(定义了我的项目的放大比例)
属性值：任意正数值，小数，整数，负值是不被容许的。默认为1
默认为1，即如果空间有余，该我的项目将放大。
如果所有我的项目的flex-shrink属性都为1，当空间有余时，都将等比例放大。
如果一个我的项目的flex-shrink属性为0，其余我的项目都为1，则空间有余时，前者不放大。
留神：flex-shrink的宽度的放大的调配是应用加权运算的。
而后还有一点，就是我我的项目的首页的侧边栏的标签，高低挨的太近了。
于是调了下margin-top值。
我的项目在介绍后就给现场改了下这些错，我的我的项目还是太糙了，做一个我的项目肯定要奔着能拿进去用的想法去，多方面都要思考到位。
3.第二次滴滴面试时写的代码
题目：
这道题不难，面试官想看看咱们的代码习惯了思路怎么样。
- 第一步，面试官叫我通过
'a.b.c'与obj失去c的值。
惯例得法：
let obj = { a: { b: { c: 666 } }}let str = 'a.b.c'//先失去'a.b.c' 再失去 'a.f.c'要返回谬误function getData(obj, str) { let arr=str.split('.'); for(let i=0;i<arr.length;i++){ obj=obj[arr[i]] } return obj;}console.log(getData(obj, str)) //666复制代码刚开始我用了一步很粗犷得办法
function getData(obj, str) { return eval(`obj.${str}`);//间接运行字符串，一步到位，太粗犷简略了}复制代码- 第二步，思考
a.f.c这样的状况,即混入不存在的属性。
function getData(obj, str) { let arr=str.split('.'); for(let i=0;i<arr.length;i++){ if(!(obj=obj[arr[i]])){ return false; }; } return obj;}复制代码- 第三步应用es6里的迭代器，比方reduce，将代码写成一行就失去后果
function getData(obj, str) { return str.split('.').reduce((x,y)=>(x?x[y]:x),obj); //使用三元运算符判断，如果是a.f.c,就返回的是undefined}复制代码面试留神点总结
我面试的都是实习生岗位，很多公司对实习生的招聘是很看重根底的，肯定要把根底打牢。
小编整顿了份前端根底面试题，点击就能够支付
上面我将总结我的血的教训带来的面试经验总结
1、结尾自我介绍
面试官一半结尾都会叫咱们先自我介绍，记得刚开始第一次面试时，我只介绍说，我是某某大学，大三学生，想应聘前端实习生，学前端一两年了，而后没了。。。难堪。
这个之后，不出预料，面试官就会问你，你是什么业余的，你感觉你前端哪方面学的最好这样的。
起初我就反思了下，面试官不理解你，他须要通过你的自我介绍来理解你，一个残缺的自我介绍是对面试官的根本尊重。
我当初个别是这样介绍的：我的学校+我的业余+大三在读+学习里学的重点课程+本人在校状况，拿过什么奖之类+为什么抉择前端+前端学的怎么样，都会哪些[+本人平时是否有在写技术博客这样总结的习惯]+本人做了什么我的项目。
2、面试时被考查时
这个我又血的教训。。。
在面试时，不要说你以前如同做过，如同会，可能是这样,这种的含糊字眼，这样有点使人感觉没有筹备好就加入了面试，这必定是影响面试官心态的，面试官想看到的是能感性解决问题的人，如果面试官提的问题你会，你就沉稳的组织答案，为面试官理性分析，如果你不会，那你也不能放弃，你兴许能够向面试官询问点提醒，本人推断下答案，要充满热情的看待问题去解决，而不是回避，面试官有和我说，他们出的问题都会介于咱们会与不会之间，你会就持续深刻，总会问到不会的中央，咱们须要带着摸索的心态和激情去寻找答案，看咱们解决问题的习惯。
另外面试时算法和源码也是重头戏，平时必须多刷刷这些(低微笔者，始终在膜拜算法和源码，正在致力)。
3、介绍我的项目
先说说咱们应该怎么的我的项目吧！
我第二次面滴滴的那个面试官老师，在我问他什么样的我的项目能失去他们的青眼时，他就说，如果是本人想法做进去的就很好，比方是解决本人身边事件的我的项目。比方面试官老师本人，他说他大三时做了一个能实时显示寝室电费余额的我的项目，因为他们学校只有特定的两天能力充电费，如果错过了，电费用完了就没电用，就要等到能充费的那天能力充费用电。
这样的我的项目能体现出咱们对技术的激情！
并且，咱们做我的项目肯定要有个做进去就能用的想法，要粗疏，页面布局要粗疏，性能要欠缺，这个我的项目最初兴许会接触到前后端编码，以及搭建服务器等等，你接触到的技术栈就会特地丰盛。
怎么介绍我的项目：我的项目怎么来的 + 解决了什么问题，想做成什么 + 说说我的项目里的需要， + 应用了什么技术栈，采纳了什么口头形式，具体做了哪些工作内容 + 有哪些难点，怎么解决的 + 后果如何，有什么领会总结
最初
总体面试下来，就像之前说的很多公司对实习生的招聘是很看重根底的，肯定要把根底打牢。所以小编针对这次的面试具体整顿的一份前端根底面试题材料，不要认为根底很简略本人都会哦，查漏补缺的看下，确保面试问到根底题时十拿九稳。
篇幅无限起因，图片展现了局部题目，须要完整版PDF的前端根底面试题小伙伴点击这收费支付
喜爱这篇文章的小伙伴们请点赞+评论反对噢，比心