2017阿里校招笔试小记

今天刚笔试完阿里，哎，整个人都不好。题量不多，11道题，6道选择题，4到编程题，1道问答题。

在笔试的前2天，刚笔试过京东和腾讯模拟，他们的前端开发岗位的笔试题和其他技术类题目范围差不过，离不开数据结构算法，操作系统和计算机网络，当然前端的知识也会考到，但是都比较基础。而阿里的前端笔试都是围绕前端开发岗位进行出题的，题目很有深度，比如下面我贴出其中的两道题目。哎，，考完的第一感觉，果然阿里大前端就是不一样，也怪自己太菜，起步太晚，没有去研究过前端各知识块一些比较底层的东西，很多东西往往就会用就过了。所以，想进BAT这样大公司，没有过于常人的学习态度是不行的。不过感慨也没用，还不如从现在起，好好埋头苦干一番，不然对不起‘’搞技术‘’这三个字。阿里，我们社招再见。。。


题目一：

实现函数，类似jquery链式调用什么鬼。。

var origin = [
{id:1,title:'title1'},
{id:2,title:'abcd'},
{id:3,title:'title2'},
{id:4,title:'efg'}
];

var find = function(data){
// your code here
}

var result = find(origin).where({'title':/\d$/}).order('id','desc'); //desc 非递增
console.log(result);  //  [{id:3,title:'title2'},{id:1,title:'title1'}]

题目二：

类似让你实现目前一些主流框架的循环渲染：

// ali-for
var items = [
{name:'item1'},
{name:'item2'}
];
var str = '<div ali-for="item in items">{{item.name}}<div>';

var ParseDom = function(str){
// your code here
}

// 对应生成的dom
// <div>item1</div>
// <div>item2</div>

哪位前端大大，留言下解题思路，。。。


对于第一题多谢几位大神的帮助，想在给出两种方法：

第一题方法一：

var find = function(data){
// your code here

Array.prototype.where = function(obj){
return this.filter(function(el){
return obj.title.test(el.title);
});
}

Array.prototype.order = function(s1,s2){
if(s2==='desc'){
return this.sort(function(e1,e2){
return e2[s1]-e1[s1];
});
}
}

return data;
}

方法二：
var find = function(data){
// your code here

this.data = data;

this.where = function(obj){
var key = Object.keys(obj),
val = obj[key];
this.data = this.data.filter(function(el){
return val.test(el[key]);
});

return this;
}

this.order = function(s1,s2){
return this.data.sort(function(a,b){
if(s2 === 'desc'){
return b[s1]-a[s1];
}
})
}

return {
data: this.data,
where: this.where,
order: this.order
};
}