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

　　寫在前面:還是太年輕，第一次在線筆試有些緊張了。下面是2017阿里巴巴前端實習(xí)生在線筆試總結(jié)，為大家提供參考。

　　一、2017題目

　　我遇到的題目：6個選擇其中3個多選，1個填空，6個大題�？头�姐姐說題目是隨機給的(因為給了一個時段考試，而不是統(tǒng)一時間點開考)，不過題型應(yīng)該是固定的。

　　1.單選：一個數(shù)組，兩個引用，相互賦值，問輸出眩暈抗性-30%

　　2.單選：問一個return匿名函數(shù)的函數(shù)的執(zhí)行結(jié)果，內(nèi)部還有apply眩暈抗性再-69%

　　3.單選：問字符串替換結(jié)果是什么，當(dāng)然，又是套了幾層，繞了幾圈眩暈抗性再-1%，嗯，做完這道給徹底繞暈了

　　4.多選：移動端，如果A按鈕上覆蓋了一個B按鈕，給B按鈕的touchstart事件處理器中添加什么處理能讓A觸發(fā)click

　　按鈕被擋住了，要想恢復(fù)交互性，隱藏遮擋物就好了，只敢選了visible一個，因為不確定題目是不是要在本次交互中觸發(fā)click，不清楚display:none和從DOM中刪除會不會影響冒泡，沒敢選經(jīng)過測試，發(fā)現(xiàn)本題根本不存在冒泡(好吧，當(dāng)時可能沒睡醒)，順便再測試了一下有冒泡的情況，發(fā)現(xiàn)不影響冒泡，即便remove掉了，還是會冒泡

　　測試代碼如下：

　　5.多選：前端優(yōu)化，下列哪一個可以減少HTTP請求數(shù)最近正在翻譯Yahoo!的30幾條前端優(yōu)化原則，壓力不大

　　6.多選：題目忘記了記得除了前端優(yōu)化的，其它兩道都沒有絕對把握

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

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

　　查證之后發(fā)現(xiàn)JS高程中文版135頁說(0, 1)，而網(wǎng)上的普遍說法是[0, 1)，后一種就和C里面的一樣。以前看書記得js的隨機數(shù)和C的不一樣。經(jīng)過測試發(fā)現(xiàn)書上是錯的，確實含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)：好奇怪的需求，不如直接用第一種吧

　　測試random范圍的代碼如下：

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

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

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

　　查了一下，發(fā)現(xiàn)this就是原字符串的值，阿席巴思密達~~~代碼如下：

　　function strcat(str){

　　return this + str;

　　}

　　String.prototype.strcat = strcat;

　　alert('xi'.strcat(' ba'));

　　11.大題：如何在畫布上畫出任意多個邊界不相交的圓，考慮時間和空間的平衡后半句感覺是要寫代碼，前半句又不像，最后沒時間了，就賣了個萌——“最簡單的方法是畫同心圓”，好吧，希望能讓改卷的大大心情愉快

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

　　整理的代碼庫里收藏了xhr，如下：

　　/*獲取HttpRequest對象，可以兼容各個瀏覽器 包括IE5.5+*/

　　function getHttpObject(){

　　if(typeof XMLHttpRequest == "undefined"){//如果該對象未定義，則自定義該對象

　　XMLHttpRequest = function(){

　　try{

　　return new ActiveXObject("Msxml2.XMLHTTP.6.0");

　　}catch(e){}

　　try{

　　return new ActiveXObject("Msxml2.XMLHTTP.3.0");

　　}catch(e){}

　　try{

　　return new ActiveXObject("Msxml2.XMLHTTP");

　　}catch(e){}

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

　　return new ActiveXObject("Microsoft.XMLHTTP");

　　}catch(e){}

　　return false;

　　}

　　}

　　return new XMLHttpRequest();

　　}

　　var xhr = getHttpObject();

　　xhr.onreadystatechange = function(){

　　if(xhr.readyState === 4){

　　if(xhr.status >= 200 && xhr.status < 300 || xhr.status === 304){

　　//執(zhí)行callback

　　}

　　else{

　　//請求失敗

　　}

　　}

　　}

　　xhr.open('get', url, true);//準(zhǔn)備異步請求，get是為了響應(yīng)速度

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

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

　　根據(jù)園友@李明夕和@老樓在評論中的分析，我應(yīng)該是理解錯題意了，不過沒關(guān)系，代碼如下：

　　白色變紅色

　　用script標(biāo)簽動態(tài)加載(并執(zhí)行)腳本需要注意以下幾點問題：

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

　　2.雖然readystatechange是HTML5事件，不過FF和Chrome至今都沒有實現(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中會觸發(fā)多次，本來onload里面并沒有各個狀態(tài)值(都是undefined)，不會觸發(fā)多次，但IE的實現(xiàn)很詭異，所以，有風(fēng)險

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

　　13.大題：實現(xiàn)JQuery中的html方法看時間緊迫，過于緊張了，看到題目的時候眼睛羅圈了，理解成了實現(xiàn)JQuery中把字符串轉(zhuǎn)HTML元素的方法，過于復(fù)雜，簡單的寫了思路。交了卷才發(fā)現(xiàn)看錯題了。。。

　　JQuery中還有比html方法更容易實現(xiàn)的嗎?代碼如下：

　　function html(elem){

　　return elem.innerHTML;

　　}

　　//此處沒有完全實現(xiàn)，因為JQ的html方法有三種形式：html(), html(str), html(fun)，分別用來獲取/設(shè)置/用函數(shù)設(shè)置innerHTML

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

　　var $div = $('#div');

　　alert($div.html());

　　alert($div[0].innerHTML);

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

　　二.是好是壞，都是一場旅行

　　被KO是因為自己積累不夠，比如，如果讀過JQuery源碼，Ajax就能輕松拿下;如果心態(tài)平和，認(rèn)真讀題，最后一題也能瞬間搞定。。。

　　在線筆試最大的特點是很難集中精力，網(wǎng)頁很容易分散你的注意力，稍微發(fā)會兒呆，幾分鐘就沒了

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

　　1.時間安排不合理。中間的小題浪費了太多時間

　　2.心里素質(zhì)不夠。過于緊張，好吧，可能是因為高考過去很久了，和考試不熟了

　　3.基本功不夠扎實。比如原型，學(xué)習(xí)的時候太偏重理論了，忽略了這樣簡單實際的問題

　　4.答題順序不對。先給代碼執(zhí)行結(jié)果的題目繞暈了，這種東西絕對不能先答

　　5.沒洗臉就開始答題了。昨晚和朋友聊到很晚才睡，自作孽。。

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

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

　　2.發(fā)現(xiàn)了自身知識網(wǎng)絡(luò)的漏洞(對理論爛熟，卻不知道this就是字符串的值)

　　3.更清楚地認(rèn)識了自我，套用前輩的一句話：雖然自認(rèn)為比身邊的人要強一點，但離阿里需要的實習(xí)生還是有一段距離的。。

　　題目難嗎?

　　說實話不難，除了畫圓和xhr的題目，其它的應(yīng)該沒什么難點。做的這么差的原因有很多，不單單是沒有經(jīng)驗這一條可以搪塞過去的，一句話：底子還是太薄。

　　后話

　　計劃3，4月份找實習(xí)，結(jié)束之后繼續(xù)潛心積攢經(jīng)驗。考完郁悶一會會兒就好了，怪不了別人。沒關(guān)系，Tencent我正在來~

【阿里巴巴前端實習(xí)生在線筆試總結(jié)】相關(guān)文章：

現(xiàn)場筆試與在線筆試的問題11-21

海航在線筆試10-19

阿里巴巴筆試題201502-19

TOM在線網(wǎng)編筆試11-21

筆試需要改成在線考11-19

阿里巴巴校招筆試題11-29

在線筆試題答案補充02-25

阿里巴巴校招筆試題目11-29

Web前端開發(fā)筆試題集錦11-21

卡夫在線測筆試試超給力02-25