2023阿里巴巴前端实习生在线笔试总结

Word第第页2023阿里巴巴前端实习生在线笔试总结一、2023题目

我遇到的题目：6个选择其中3个多项选择，1个填空，6个大题。客服姐姐说题目是随机给的(由于给了一个时段考试，而不是统一时间点开考)，不过题型应当是固定的。

1.单项选择：一个数组，两个引用，互相赋值，问输出眩晕抗性-30%

2.单项选择：问一个return匿名函数的函数的执行结果，内部还有apply眩晕抗性再-69%

3.单项选择：问字符串替换结果是什么，当然，又是套了几层，绕了几圈眩晕抗性再-1%，嗯，做完这道给彻底绕晕了

4.多项选择：移动端，假如A按钮上掩盖了一个B按钮，给B按钮的touchstart大事处理器中添加什么处理能让A触发click

按钮被拦住了，要想恢复交互性，隐蔽遮挡物就好了，只敢选了visible一个，由于不确定题目是不是要在本次交互中触发click，不清晰display:none和从DOM中删除会不会影响冒泡，没敢选经过测试，发觉此题根本不存在冒泡(好吧，当时可能没睡醒)，顺便再测试了一下有冒泡的状况，发觉不影响冒泡，即便remove掉了，还是会冒泡

测试代码如下：

5.多项选择：前端优化，以下哪一个可以削减HTTP恳求数最近正在翻译Yahoo!的30几条前端优化原则，压力不大

6.多项选择：题目遗忘了记得除了前端优化的，其它两道都没有肯定把握

7.填空：个人博客地址想了下填了cnblogs，由于个人网站做得还不完善，拿不出手

8.大题：生成10个10-100之间的随机数，并降序排列模糊记得书上说Math.random返回(0,1]值

查证之后发觉JS高程中文版135页说(0,1)，而网上的普遍说法是[0,1)，后一种就和C里面的一样。以前看书记得js的随机数和C的不一样。经过测试发觉书上是错的，的确含0不含1。总结如下：

1.猎取[a,b]：Math.round(Math.random()*(b-a)+a)//四舍五入

2.猎取(a,b]：Math.ceil(Math.random()*(b-a)+a)//向上取整(天花板)

3.猎取[a,b)：Math.floor(Math.random()*(b-a)+a)//向下取整(地板

4.猎取(a,b)：奇怪   怪的需求，不如直接用第一种吧

测试random范围的代码如下：

varx=parseInt((Math.random()*90+10+).split(.)[0]);//取整数部分

9.大题：实现IOS风格的switch按钮，要求用多种方式实现花了太多时间，“实现”是要用嘴实现还是用代码?用代码写了个小实现，七八分钟就过去了，划不来

10.大题：给String添加原型方法，实现简洁的模版替换考原型和正则表达式，不会在原型方法中猎取字符串的值，书中说一般不要给原型加自定义属性，会污染环境，就没太在意这方面，只注意了去理解原型，构造函数，作用域链的本质及其关系，结果。。

查了一下，发觉this就是原字符串的值，阿席巴思密达~~~代码如下：

functionstrcat(str){

returnthis+str;

}

Stotype.strcat=strcat;

alert(xi.strcat(ba));

11.大题：如何在画布上画出任意多个边界不相交的圆，考虑时间和空间的平衡后半句感觉是要写代码，前半句又不像，最终没时间了，就卖了个萌——“最简洁的方法是画同心圆”，好吧，盼望能让改卷的.大大心情开心

12.大题：实现loadScript(url,callback)异步加载脚本，完成之后执行回调函数，要求支持IE非要支持IE吗，时间不够了，只好写出步骤解释

整理的代码库里保藏了xhr，如下：

/*猎取HttpRequest对象，可以兼容各个扫瞄器包括IE5.5+*/

functiongetHttpObject(){

if(typeofXMLHttpRequest==undefined){//假如该对象未定义，则自定义该对象

XMLHttpRequest=function(){

try{

returnnewActiveXObject(Msxml2.XMLHTTP.6.0);

}catch(e){}

try{

returnnewActiveXObject(Msxml2.XMLHTTP.3.0);

}catch(e){}

try{

returnnewActiveXObject(Msxml2.XMLHTTP);

}catch(e){}

try{//老版本的InternetExplorer(IE5和IE6)

returnnewActiveXObject(Microsoft.XMLHTTP);

}catch(e){}

returnfalse;

}

}

returnnewXMLHttpRequest();

}

varxhr=getHttpObject();

xhr.onreadystatechange=function(){

if(xhr.readyState===4){

if(xhr.status=200xhr.status300||xhr.status===304){

//执行callback

}

else{

//恳求失败

}

}

}

xhr.open(get,url,true);//预备异步恳求，get是为了响应速度

xhr.send(null);//发送恳求，null是为了兼容性

在线笔试让人写这种东西真的好吗?

依据园友@李明夕和@老楼在评论中的分析，我应当是理解错题意了，不过没关系，代码如下：

白色变红色

用script标签动态加载(并执行)脚本需要留意以下几点问题：

1.IE8-支持readystatechange和async;Chrome和FF不支持readystatechange，支持load，支持async;IE9/10、Opera同时支持readystatechange，load和async

2.虽然readystatechange是HTML5大事，不过FF和Chrome至今都没有实现它

3.诡异的是IE6先ok再向下执行再ok再ERROR，IE7/8先ERROR再向下执行再ok，IE9+未知。而FF和Chrome正常，先向下执行，再ok。

4.需要留意IE9/10和Opera两者都支持的，所以不要用类似于elem.onload=elem.onreadystatechange=handler;的代码，由于在IE9/10和Opera中会触发多次，原来onload里面并没有各个状态值(都是undefined)，不会触发多次，但IE的实现很诡异，所以，有风险

5.为了避开IE中多次触发回调函数，应当在ok之后移除onreadystatechange大事处理器，保证只触发一次

13.大题：实现JQuery中的html方法看时间紧迫，过于紧急了，看到题目的时候眼睛罗圈了，理解成了实现JQuery中把字符串转HTML元素的方法，过于冗杂，简洁的写了思路。交了卷才发觉看错题了。。。

JQuery中还有比html方法更简单实现的吗?代码如下：

functionhtml(elem){

returnelem.innerHTML;

}

//此处没有完全实现，由于JQ的html方法有三种形式：html(),html(str),html(fun)，分别用来猎取/设置/用函数设置innerHTML

查看了JQuery内部，发觉差不多就是这样实现的，效果一样，测试代码如下：

var$div=$(#div);

alert($div.html());

alert($div[0].innerHTML);

//在IE中标签都是大写的，其它扫瞄器中是小写

二.是好是坏，都是一场旅行

被KO是由于自己积累不够，比方，假如读过JQuery源码，Ajax就能轻松拿下;假如心态平和，仔细读题，最终一题也能瞬间搞定。。。

在线笔试最大的特点是很难集中精力，网页很简单分散你的留意力，略微发会儿呆，几分钟就没了

总结一下这次笔试的失败点：

1.时间支配不合理。中间的小题铺张了太多时间

2.心里素养不够。过于紧急，好吧，可能是由于高考过去很久了，和考试不熟了

3.基本功不够扎实。比方原型，学习的时候太偏重理论了，忽视了这样简洁实际的问题

4.答题挨次不对。先给代码执行结果的题目绕晕了，这种东西肯定不能先答

5.没洗脸就开头答题了。昨晚和伴侣聊到很晚才睡，自作孽。。

阿里走远了，那我的收获呢?

1.参与了生平第一次在线笔试

2.发觉了自身学问网络的漏洞(对理论烂熟，却不知道this就是字符串的值)

3.更清晰地熟