关于我的第一天前端面试的面试问答QA，但愿能对其余找前端工做的朋友有所帮助。

时间 2019-12-04

标签关于我的第一天前端面试问答但愿其余朋友有所帮助栏目快乐工作繁體版

原文原文链接

两日前，发了一篇吐槽，莫名的火了一把。通过你们的建议与鼓励，因而修改了简历，开始了从新投递，2天后接到第一份面试邀请。php

此文为我的面试经历，QA问答过程与总结，不透露面试公司及面试人员，内容真实，若是有面试过个人大佬看到博客，欢迎指出问题。

循序可能有点乱，没记太清。css

1.面试时间 2017.2.30下午两点——公司薪资6K

Q：请先作一下自我介绍html
A：barbarbar，然而顺便谈了下本身的学习经历，讲了下本身在写的项目啥的。前端
Q：谈谈你对闭包的理解。vue
A：关于闭包，我我的的理解用一句话归纳就是：一个函数在父级函数执行完毕后，若是任然留有对父级函数内部变量（做用域）的引用，那么就会创建闭包，我我的对闭包就是这样的见解，若是有什么错误，请务必帮我订正....java

原文出自js面对对象编程指南P88：若是一个函数会在其父级函数返回以后，留住对父级做用域的链接的话，相关闭包就会被创立起来node

Q：谈谈你对ES6新的声明变量的方式的一些见解python
A：关于这个问题，新的方式，比较有趣的就是所谓的暂时性死区什么的，简单的来说吧。关于的第一个const，其实就是声明一个常量，不容许变动。另外一个let，就是零时变量，或者说是局部变量（这两个都属于局部变量），可以由中括号直接产生一个零时的局部做用域了，而没必要使用之前的当即执行匿名函数了，let很是适合在for循环之类的场景中使用，再也不须要使用迭代函数就能得到当前的变量了，对比var来看，新的这两个变量声明都不会在执行时被提高，而且编译速度比var更快。react
Q：你说const声明的是常量，不能被改变喽？css3
A：const声明的的确是常量，只不过是字面量常量不能被改变，若是是对象类型的话，是引用，对象的属性被改变是没法被检测到的，就像vue中，父子组件中通讯，以及数据，若是是对象属性被改变，是没法被检测到的。
Q：你说Vue中若是对象属性被修改没法被检测到，那么你有什么解决方案？
A：这个，其实我以为最好的解决方案就是严格遵照vue的理念，父子组件通讯时不去修改什么对象属性，对象数据的属性，非要改动添加的话：使用（Object.assign() 或 _.extend()）面试时，没想起来单词怎么拼.....

关于对象属性的的修改的方法，有兴趣的能够了解下，Object.defineProperty（vue好像就是基于它实现的双向数据绑定，还没读源码，不清楚楚），Object.assign是把属性添加到对象的方法。

Q：关于数组去重复你用什么方法？
A：由于目前我本身都是使用ES6 + Webapck2的方式写的代码，因此用的是Array.from(new Set(arr)或者[...new Set(arr)]的方式去重，原理是，用了set类型，容许重复的值得特性，而后使用from方法或者解构的方法来获得数组，关于其余的方法的话，有太多了，好比什么循环去重，什么迭代（reduce）啥的，我就懒得讲了，由于真的太多了。
Q：你提到了Set类型，那你讲下对Es6里 Map 类型的见解。
A：关于这个Map啊...（犹豫了一下）说实话，我没怎么去使用这个新的类型，毕竟怎么说好呢，目前我是将Map当成一个嵌套数组看待，毕竟Map和对象相比，只是比对象多提供了一个迭代用的接口，而且听说速度会比对象访问属性更快一点，如今来讲，实在是没有什么使用场景，经常使用的一些工具函数，好比下划线.js和lodash.js(不知道单词是否拼错)，暂时都尚未提供对map的方法，但对象却有千千万的各种方法，而且，map可以实现的对象类型也可以实现，好比迭代对象能够用for (let [k, v] of Object.entries(obj)) ，哦，最后一点差别就是容许key使用数字。不知道你有啥其余的见解嘛，或者知道map的一些使用场景，能够和我分享一下。

楼主只用过下划线.js...对于loadsh.js没提供是猜想的。另外对象迭代这里出自，阮一峰大神写的ES6入门指南，对象篇。完整的是：

let obj = { one: 1, two: 2 };
for (let [k, v] of Object.entries(obj)) {
  console.log(
    `${JSON.stringify(k)}: ${JSON.stringify(v)}`
  );
}
// "one": 1
// "two": 2

Q：关于new一个对象，你讲一下，具体是怎么实现的？
A：什么？new一个对象，额，这个不就是一个构造函数，而后new一个新的对象嘛，还能有什么流程嘛。不太清楚，你具体问的内容哈，你是问，构造函数内容的执行逻辑原理仍是啥？
Q：那你谈一下对于原型的理解
A：原型啊，从哪里开始讲呢，我以前好像写过篇关于原型的博文，要不看看博文？毕竟在我看来，这方面内容太广了，必定要讲的话，能够说，（比面试时稍微把逻辑更通一点，面试时太紧张逻辑有点乱）原型自身就是一个对象，有本身的属性与方法，默认状况下是有一个指针指向原型的构造函数，构造函数也有个指针指向本身的prototype...而后由构造函数new出来的对象，在原型链上默认指向构造函数指着的原型。。。好吧，我编不下去了，说真的，这玩意我得有个图或者纸才好演示啊。。要不你给我张纸，我画个图？

廖雪峰大神写的教程很是棒，推介一下：http://www.liaoxuefeng.com/wi...

Q：既然你原型不懂，那就谈谈原型链吧？
A: (内心活动：原型我得有纸才能演示，原型链，不得更须要纸吗)，啊，原型链啊，我以前真的本身写过篇关于原型链的整理，能给你看下博客吗？...你让我凭空讲...好吧，大概原型链就是...说实话，我如今用的都是Es6的class方法，虽然class也是基于原型链的语法糖，可是简单方便啊，因此我这段时间都都没怎么关心原型链的，毕竟原型链继承在js面对对象编程指南里写了十几种方法啊...我这人，有时候喜欢简单高效的东西，就像数组去重，我都用set，只有遇到一些相关问题，我才回去找新的解决方案。（后面把十几种方法拍张照给你们观摩观摩，虽然有些不是基于原型的）
Q：你说你都是遇到问题再去解决，那你谈谈移动端一像素问题你是怎么解决的？
A：移动端一像素啊，简单来说，就是设置个伪类，而后响应下屏幕的dpr，用css3的缩放进行解决。用一些预处理器写个mixin函数就能解决。
Q：有其余的解决方案吗？
A：这个老实说，还真没研究过，在前面我提过，不少东西我都是遇到问题而后去解决的，若是目前有最优解决方案，我为啥要去用其余的，好比目前移动布局我用的就是flex布局，我感受兼容性也不差。。。固然，主要缘由也在于我没啥工做经验。

顺手再推一波阮一峰大神的flex教程：http://www.ruanyifeng.com/blo...

Q：你有使用过css预处理器吗？
A：目前在使用stylus，less也有接触过，stylus我主要喜欢无需括号，以及变量或者函数不用加什么奇怪的前缀
Q：对于手机应用你有过了解吗？
A：若是指的是混合开发的webapp手机应用，我最近研究过weex，就是阿里去年开源的那个相似react native的，目前正准备写点什么我的项目，可是由于时间缘故因此暂时仍是只计划。
Q：对于性能优化，你有什么方案？
A：性能优化啊，说实话，我目前由于主要都是本身的做品，没遇到过什么特别徐亚哟优化的地方，若是必定要讲的话。。。好吧，我简单讲一下吧，好比不要使用全局变量，由于相比局部变量，全局变量被索引时的速度最慢；不要过多使用闭包，闭包会占用内存；要对闭包中须要递归的地方进行尾递归优化否则容易致使内存泄漏（主要好像是ie下，没有实际测试过），对script标签进行合并，毕竟页面遇到script标签就会中止渲染（主要是由于浏览器不能肯定script标签会不会改动dom），在使用ajax时，对一些内容尽可能使用get（get默认会保留缓存），额...还有的话，说实话，我来面试前忘了去找份面试指南背，不少东西因为我没有实际的遇到过我并无太过深刻。若是是我遇到过得问题，我详细我应该可以了解。提及来以前拜读过一本叫作js函数式编程指南的..由于内容有点深，就只看了部分。

关于全局变量被索引的速度最慢，出自高性能js...没有实际测试过，闭包内递归要使用尾递归优化，附送上链接，一样是阮一峰大神的：http://www.ruanyifeng.com/blo... ，关于 js函数式编程指南链接：https://llh911001.gitbooks.io... （很是赞的一本免费电子书，不知为什么，关注的人不多）

Q：你提到了ajax，那就谈下ajax吧。
A：ajax啊，这玩意其实很简单，主要就是异步的从后端获取数据嘛，搞来搞去也就那么些接口啥的，在初学js时，我为了能响应ajax还简单的学了php，就是后端提供接口，前端用get或者post或者其余方式去请求数据，不会让页面中止运行啥的，目前我在写的项目中接入了聊天机器人，因为跨域问题，就用node作了个中转层，用来转发对机器人api的请求，流程就是前端请求本地的服务器，服务器请求机器api...
Q：你对于跨域的解决方法了解多少？
A：前端跨域吗，最经常使用的应该是jsonp吧，后端动态生成script（可以执行的js函数），而后把数据发送过来。或者是用node作个中转层啥的，方法好像挺多，H5也有种新的方案，不过没深刻研究。
Q：咱们这边后端用的不是node，是java，你怎么使用jsonp。
A: 啊，java不能返回动态的script吗？我以前学过的php好像行，如今在学的python也行啊。
Q：python是什么？
A：python就是...它是一门编程语言，当初学node写爬虫时，发现node用模块模拟的多线程本质仍是单线程，而且错误处理还麻烦，我还得用进程维护模块去启动...而后上网查，发现都说python好，因而就开始学了些python，把教程简单过了遍，后来由于些事情因此就没怎么碰了。。。。

安利下廖雪峰大神的python教程：http://www.liaoxuefeng.com/wi...

Q：那你如今目前在作什么
A：目前，有个我的博客在写完成度过低，因此没有开源，后端使用koa2（优雅的async函数才是个人追求，express的嵌套，见鬼去）正考虑前端要不要上个react，毕竟我目前一直在深刻Vue2，对一样是Mvvm的react好像没作过啥具体项目。
Q：其余对公司有什么想问的嘛？
A：barbarbarabr（问了些关于公司结构的问题），提及来，我对于本身知识面的广度自信的，可是对于深刻有所欠缺。

不知道为什么，面试当天就被告知未经过，我在想，果真是由于没有背过前端面试题嘛。。。仍是原型那里没回答出了问题，对于面试官，一直带着笑容，然而，一些反问的内容均未给出回复。。。全程笑眯眯。。年龄目测比我年长几岁的样子。。