2023阿里巴巴前端實(shí)習(xí)生在線筆試總結(jié)

Word第第頁(yè)2023阿里巴巴前端實(shí)習(xí)生在線筆試總結(jié)一、2023題目

我遇到的題目：6個(gè)選擇其中3個(gè)多項(xiàng)選擇，1個(gè)填空，6個(gè)大題?？头憬阏f(shuō)題目是隨機(jī)給的(由于給了一個(gè)時(shí)段考試，而不是統(tǒng)一時(shí)間點(diǎn)開(kāi)考)，不過(guò)題型應(yīng)當(dāng)是固定的。

1.單項(xiàng)選擇：一個(gè)數(shù)組，兩個(gè)引用，互相賦值，問(wèn)輸出眩暈抗性-30%

2.單項(xiàng)選擇：?jiǎn)栆粋€(gè)return匿名函數(shù)的函數(shù)的執(zhí)行結(jié)果，內(nèi)部還有apply眩暈抗性再-69%

3.單項(xiàng)選擇：?jiǎn)栕址鎿Q結(jié)果是什么，當(dāng)然，又是套了幾層，繞了幾圈眩暈抗性再-1%，嗯，做完這道給徹底繞暈了

4.多項(xiàng)選擇：移動(dòng)端，假如A按鈕上掩蓋了一個(gè)B按鈕，給B按鈕的touchstart大事處理器中添加什么處理能讓A觸發(fā)click

按鈕被攔住了，要想恢復(fù)交互性，隱蔽遮擋物就好了，只敢選了visible一個(gè)，由于不確定題目是不是要在本次交互中觸發(fā)click，不清晰display:none和從DOM中刪除會(huì)不會(huì)影響冒泡，沒(méi)敢選經(jīng)過(guò)測(cè)試，發(fā)覺(jué)此題根本不存在冒泡(好吧，當(dāng)時(shí)可能沒(méi)睡醒)，順便再測(cè)試了一下有冒泡的狀況，發(fā)覺(jué)不影響冒泡，即便remove掉了，還是會(huì)冒泡

測(cè)試代碼如下：

5.多項(xiàng)選擇：前端優(yōu)化，以下哪一個(gè)可以削減HTTP懇求數(shù)最近正在翻譯Yahoo!的30幾條前端優(yōu)化原則，壓力不大

6.多項(xiàng)選擇：題目遺忘了記得除了前端優(yōu)化的，其它兩道都沒(méi)有肯定把握

7.填空：個(gè)人博客地址想了下填了cnblogs，由于個(gè)人網(wǎng)站做得還不完善，拿不出手

8.大題：生成10個(gè)10-100之間的隨機(jī)數(shù)，并降序排列模糊記得書上說(shuō)Math.random返回(0,1]值

查證之后發(fā)覺(jué)JS高程中文版135頁(yè)說(shuō)(0,1)，而網(wǎng)上的普遍說(shuō)法是[0,1)，后一種就和C里面的一樣。以前看書記得js的隨機(jī)數(shù)和C的不一樣。經(jīng)過(guò)測(cè)試發(fā)覺(jué)書上是錯(cuò)的，的確含0不含1?？偨Y(jié)如下：

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)：奇怪???怪的需求，不如直接用第一種吧

測(cè)試random范圍的代碼如下：

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

9.大題：實(shí)現(xiàn)IOS風(fēng)格的switch按鈕，要求用多種方式實(shí)現(xiàn)花了太多時(shí)間，“實(shí)現(xiàn)”是要用嘴實(shí)現(xiàn)還是用代碼?用代碼寫了個(gè)小實(shí)現(xiàn)，七八分鐘就過(guò)去了，劃不來(lái)

10.大題：給String添加原型方法，實(shí)現(xiàn)簡(jiǎn)潔的模版替換考原型和正則表達(dá)式，不會(huì)在原型方法中獵取字符串的值，書中說(shuō)一般不要給原型加自定義屬性，會(huì)污染環(huán)境，就沒(méi)太在意這方面，只注意了去理解原型，構(gòu)造函數(shù)，作用域鏈的本質(zhì)及其關(guān)系，結(jié)果。。

查了一下，發(fā)覺(jué)this就是原字符串的值，阿席巴思密達(dá)~~~代碼如下：

functionstrcat(str){

returnthis+str;

}

Stotype.strcat=strcat;

alert(xi.strcat(ba));

11.大題：如何在畫布上畫出任意多個(gè)邊界不相交的圓，考慮時(shí)間和空間的平衡后半句感覺(jué)是要寫代碼，前半句又不像，最終沒(méi)時(shí)間了，就賣了個(gè)萌——“最簡(jiǎn)潔的方法是畫同心圓”，好吧，盼望能讓改卷的.大大心情開(kāi)心

12.大題：實(shí)現(xiàn)loadScript(url,callback)異步加載腳本，完成之后執(zhí)行回調(diào)函數(shù)，要求支持IE非要支持IE嗎，時(shí)間不夠了，只好寫出步驟解釋

整理的代碼庫(kù)里保藏了xhr，如下：

/*獵取HttpRequest對(duì)象，可以兼容各個(gè)掃瞄器包括IE5.5+*/

functiongetHttpObject(){

if(typeofXMLHttpRequest==undefined){//假如該對(duì)象未定義，則自定義該對(duì)象

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){

//執(zhí)行callback

}

else{

//懇求失敗

}

}

}

xhr.open(get,url,true);//預(yù)備異步懇求，get是為了響應(yīng)速度

xhr.send(null);//發(fā)送懇求，null是為了兼容性

在線筆試讓人寫這種東西真的好嗎?

依據(jù)園友@李明夕和@老樓在評(píng)論中的分析，我應(yīng)當(dāng)是理解錯(cuò)題意了，不過(guò)沒(méi)關(guān)系，代碼如下：

白色變紅色

用script標(biāo)簽動(dòng)態(tài)加載(并執(zhí)行)腳本需要留意以下幾點(diǎn)問(wèn)題：

1.IE8-支持readystatechange和async;Chrome和FF不支持readystatechange，支持load，支持async;IE9/10、Opera同時(shí)支持readystatechange，load和async

2.雖然readystatechange是HTML5大事，不過(guò)FF和Chrome至今都沒(méi)有實(shí)現(xiàn)它

3.詭異的是IE6先ok再向下執(zhí)行再ok再ERROR，IE7/8先ERROR再向下執(zhí)行再ok，IE9+未知。而FF和Chrome正常，先向下執(zhí)行，再ok。

4.需要留意IE9/10和Opera兩者都支持的，所以不要用類似于elem.onload=elem.onreadystatechange=handler;的代碼，由于在IE9/10和Opera中會(huì)觸發(fā)多次，原來(lái)onload里面并沒(méi)有各個(gè)狀態(tài)值(都是undefined)，不會(huì)觸發(fā)多次，但I(xiàn)E的實(shí)現(xiàn)很詭異，所以，有風(fēng)險(xiǎn)

5.為了避開(kāi)IE中多次觸發(fā)回調(diào)函數(shù)，應(yīng)當(dāng)在ok之后移除onreadystatechange大事處理器，保證只觸發(fā)一次

13.大題：實(shí)現(xiàn)JQuery中的html方法看時(shí)間緊迫，過(guò)于緊急了，看到題目的時(shí)候眼睛羅圈了，理解成了實(shí)現(xiàn)JQuery中把字符串轉(zhuǎn)HTML元素的方法，過(guò)于冗雜，簡(jiǎn)潔的寫了思路。交了卷才發(fā)覺(jué)看錯(cuò)題了。。。

JQuery中還有比html方法更簡(jiǎn)單實(shí)現(xiàn)的嗎?代碼如下：

functionhtml(elem){

returnelem.innerHTML;

}

//此處沒(méi)有完全實(shí)現(xiàn)，由于JQ的html方法有三種形式：html(),html(str),html(fun)，分別用來(lái)獵取/設(shè)置/用函數(shù)設(shè)置innerHTML

查看了JQuery內(nèi)部，發(fā)覺(jué)差不多就是這樣實(shí)現(xiàn)的，效果一樣，測(cè)試代碼如下：

var$div=$(#div);

alert($div.html());

alert($div[0].innerHTML);

//在IE中標(biāo)簽都是大寫的，其它掃瞄器中是小寫

二.是好是壞，都是一場(chǎng)旅行

被KO是由于自己積累不夠，比方，假如讀過(guò)JQuery源碼，Ajax就能輕松拿下;假如心態(tài)平和，仔細(xì)讀題，最終一題也能瞬間搞定。。。

在線筆試最大的特點(diǎn)是很難集中精力，網(wǎng)頁(yè)很簡(jiǎn)單分散你的留意力，略微發(fā)會(huì)兒呆，幾分鐘就沒(méi)了

總結(jié)一下這次筆試的失敗點(diǎn)：

1.時(shí)間支配不合理。中間的小題鋪張了太多時(shí)間

2.心里素養(yǎng)不夠。過(guò)于緊急，好吧，可能是由于高考過(guò)去很久了，和考試不熟了

3.基本功不夠扎實(shí)。比方原型，學(xué)習(xí)的時(shí)候太偏重理論了，忽視了這樣簡(jiǎn)潔實(shí)際的問(wèn)題

4.答題挨次不對(duì)。先給代碼執(zhí)行結(jié)果的題目繞暈了，這種東西肯定不能先答

5.沒(méi)洗臉就開(kāi)頭答題了。昨晚和伴侶聊到很晚才睡，自作孽。。

阿里走遠(yuǎn)了，那我的收獲呢?

1.參與了生平第一次在線筆試

2.發(fā)覺(jué)了自身學(xué)問(wèn)網(wǎng)絡(luò)的漏洞(對(duì)理論爛熟，卻不知道this就是字符串的值)

3.更清晰地熟