膜拜大神面试题

本文主要是介绍膜拜大神面试题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

今天去面了阿里巴巴广州UC总部的前端工程师职位，感觉这份笔试题还是出的挺有意思的，考完趁热反思一下自己做题过程的一些问题，稍作总结

如我一开始想的，笔试的题目果然没有考所谓的计算机网络，数据逻辑那些要太多去背的东西，下面列出的题目不按顺序，想到哪写到哪~有想法的欢迎在评论区指正

第一题

假设存在a数组，假定数组内的元素均为Number，a如果长度为0，则添加1，否则按先进先出原则去掉一个元素，考虑性能与代码长度（字符<30满分），尽量用最优的代码实现。

代码逻辑很简单

return a.length>0?a.splice(0,1):a.push(1)

写到这里想到了一个很偏的性能优化，下标方式添加数组在chrome上比用push快43%，不过这里只有一个元素，无所谓啦~

第二题

一道比较有关闭包的题目，本来以为自己是对的...栽坑了(后面不记得有没有参数)

var func = (function(a){this.a = a;return function(a){a+=this.a;return a;}})(function(a,b){return a;}(1,2));func(4)

我开始的思路判断两个闭包是对的，后面想太多以为里面的第二个闭包function(x,y){return x+y}(2,3)应该会抛出一个错误然后被接收，然后数字加上一个不为数字的值等于NaN...天真了，抛开这点这只是一个简单的闭包，答案应该是5，可以复制到控制台上看一下输出

第三题

在一个body中插入十个<ul><li>第1项</li></ul>,考虑效率和性能

这里我本来想用DocumentFragment的方式来创建元素然后插入，不过想起之前看过的一篇文章提到在现代浏览器上已经对重流和重绘做出了延迟，性能已经不能有什么优化了，直接插入html更加高效。

var str='<ul>',$body;for(var i = 1;i<=10;i++){str+='<li>第'+i+'项</li>'}str+='</ul>'$body=typeof document.querySelectorAll=='function'?document.querySelectorAll('body')[0]:document.getElementsByTagName('body')[0];$body.innerHtml+=str;

第四题

创建一个长度为100的数组array，值等于其下标

so easy,不用push还是考虑下标性能更好

for(var i = 0;i<100;i++)array[i]=i

第五题

对上数组乱序排序

写得时候我用了两个random来操作，现在想想一个就够了

var i ,j,temp;
for(i =0;i<100;i++){j=Math.floor(Math.random()*100);temp=array[i];array[i]=array[j];array[j]=temp;
}

第六题

优雅的方式对前十个数组元素相加

优雅...想了想，可以用柯里化函数来做...测了一下又发现自己写错了,心疼(┬＿┬)

function sum(x){function add(y){x+=yreturn add}add.toString=add.valueOf=function(){return x}return add
}
for(var i =0;i<10;i++)sum=sum(array[i])
console.log(sum)

第七题

列出你知道的继承父类的方式，以及平时你喜欢用的方式，有什么优点？

考察了面向对象编程的一些东西，笔试的时候我只想到了三种，列了两种，提了自己比较喜欢的一种

分别为拷贝继承(写得时候记成寄生模式...)和直接继承prototype,还有其他几种，感兴趣的可以自己查一下，还有通过空对象继承，我写了个extend的方法

function extend(Child, Parent) {var F = function(){};F.prototype = Parent.prototype;Child.prototype = new F();Child.prototype.constructor = Child;
}

最后提了一下TypeScript和ES6里面的Class

第八题

根据雅虎前端优化法则，对html，css，js，图片资源应该做出怎么样的处理

写得时候想不起雅虎定律，只记得刚学前端的时候看了下，后来的后来就不记得了...所以这题我随便扯了一些自己平时在部署前端上线前对资源做的处理，大体就是对资源文件的合并压缩混淆以及加载策略的选择，减少HTTP请求数量，spring图，内联图片转base64，gzip压缩，优化图片，对不同设备提供不同大小质量图片，提到了很多，不过少了一些服务端配置的东西