摘要：在這次螞蟻金服的電話面試?yán)锩嬲J(rèn)識到了自己很多不足的地方吧。把字符串分割為字符串?dāng)?shù)組。從起始索引號提取字符串中指定數(shù)目的字符。通常消息包括客戶機(jī)向服務(wù)器的請求消息和服務(wù)器向客戶機(jī)的響應(yīng)消息。

先簡短的介紹一下我自己吧，我是一個前端學(xué)習(xí)者，雖然我基礎(chǔ)知識也學(xué)了比較好，但是許久不用的知識就像流失的水，很容易就忘。在這次螞蟻金服的電話面試?yán)锩嬲J(rèn)識到了自己很多不足的地方吧。雖然在阿里內(nèi)推后的人才觀的問題里面我覺得自己做的還是很不錯的，但是在真正的編程題里面，才發(fā)現(xiàn)自己的編程其實(shí)需要更加的提升。

接下來就分析一下這次螞蟻金服的電話面試的題目吧，其實(shí)這些題目我也都知道基本的答案，但是回答的時候終究還是緊張了，導(dǎo)致很多問題都回答的都不好。

如果不想看完，那就記得看看總結(jié)吧。

簡短的介紹一下自己

這個回答，我就簡短的介紹了自己的學(xué)校專業(yè)，然后學(xué)習(xí)了什么樣的專業(yè)課，大一大二大三學(xué)習(xí)編程的歷程。

為什么要學(xué)習(xí)前端

對于我個人而言的話，大一在acm集訓(xùn)隊里面，覺得老是刷題有點(diǎn)不是很和自己的性格，然后就開始轉(zhuǎn)向了學(xué)習(xí)java進(jìn)而學(xué)習(xí)了android，后來又由于一些原因吧。最后選擇了學(xué)習(xí)前端。

了解js的事件嗎？說說js的事件

JavaScript 使我們有能力創(chuàng)建動態(tài)頁面。事件是可以被 JavaScript 偵測到的行為。

網(wǎng)頁中的每個元素都可以產(chǎn)生某些可以觸發(fā)JavaScript函數(shù)的事件。比方說，我們可以在用戶點(diǎn)擊某按鈕時產(chǎn)生一個 onClick事件來觸發(fā)某個函數(shù)。事件在 HTML 頁面中定義。

一些簡單的事件還是要記得的

當(dāng)用戶進(jìn)入或離開頁面時就會觸發(fā) onload 和 onUnload 事件

表單里面使用的onFocus，onBlur，onChange

下面是一個使用 onChange 事件的例子。用戶一旦改變了域的內(nèi)容，checkEmail() 函數(shù)就會被調(diào)用。

onSubmit 用于在提交表單之前驗證所有的表單域。

onMouseOver 和 onMouseOut 用來創(chuàng)建“動態(tài)的”按鈕。

綁定事件的方法?

嵌入dom

按鈕

直接綁定

按鈕

事件監(jiān)聽

按鈕

ie和w3c綁定事件的標(biāo)準(zhǔn)有沒有不一樣？

代碼說明吧，ie綁定事件是用attachEvent方法，刪除事件是detachEvent方法

//添加事件監(jiān)聽兼容函數(shù)  
function addHandler(target, eventType, handler){  
    if(target.addEventListener){//主流瀏覽器  
        addHandler = function(target, eventType, handler){  
            target.addEventListener(eventType, handler, false);  
        };  
    }else{//IE  
        addHandler = function(target, eventType, handler){  
            target.attachEvent("on"+eventType, handler);  
        };        
    }  
    //執(zhí)行新的函數(shù)  
    addHandler(target, eventType, handler);  
}  
//刪除事件監(jiān)聽兼容函數(shù)  
function removeHandler(target, eventType, handler){  
    if(target.removeEventListener){//主流瀏覽器  
        removeHandler = function(target, eventType, handler){  
            target.removeEventListener(eventType, handler, false);  
        }         
    }else{//IE  
        removeHandler = function(target, eventType, handler){  
            target.detachEvent("on"+eventType, handler);  
        }         
    }  
    //執(zhí)行新的函數(shù)  
    removeHandler(target, eventType, handler);  
} 

了解事件流嗎？事件流的順序是什么？

用一張圖片解析一下吧

一個完整的JS事件流是從window開始，最后回到window的一個過程

事件流被分為三個階段(1~ 5)捕獲過程、(5~ 6)目標(biāo)過程、(6~ 10)冒泡過程

js的基本數(shù)據(jù)類型

基本數(shù)據(jù)類型有五種Undefined、Null、Boolean、Number和String，也叫做簡單的數(shù)據(jù)類型，還有一種復(fù)雜的數(shù)據(jù)類型是Object，但不屬于基本數(shù)據(jù)類型。

說說字符串常用的十個函數(shù)

舉下例子吧，其實(shí)在控制臺打印一下就有了的

charAt() 返回在指定位置的字符。

concat() 連接字符串。

fromCharCode() 從字符編碼創(chuàng)建一個字符串。

indexOf() 檢索字符串。

match() 找到一個或多個正則表達(dá)式的匹配。

replace() 替換與正則表達(dá)式匹配的子串。

search() 檢索與正則表達(dá)式相匹配的值。

slice() 提取字符串的片斷，并在新的字符串中返回被提取的部分。

split() 把字符串分割為字符串?dāng)?shù)組。

substr() 從起始索引號提取字符串中指定數(shù)目的字符。

substring() 提取字符串中兩個指定的索引號之間的字符。

toLocaleLowerCase() 把字符串轉(zhuǎn)換為小寫。

toLocaleUpperCase() 把字符串轉(zhuǎn)換為大寫。

toLowerCase() 把字符串轉(zhuǎn)換為小寫。

toUpperCase() 把字符串轉(zhuǎn)換為大寫。

toString() 返回字符串。

valueOf() 返回某個字符串對象的原始值。

說說數(shù)組常用的十個函數(shù)

這個也舉下例子吧，其實(shí)在控制臺打印一下就有了的

concat() 連接兩個或更多的數(shù)組，并返回結(jié)果。

join() 把數(shù)組的所有元素放入一個字符串。元素通過指定的分隔符進(jìn)行分隔。

pop() 刪除并返回數(shù)組的最后一個元素

push() 向數(shù)組的末尾添加一個或更多元素，并返回新的長度。

reverse() 顛倒數(shù)組中元素的順序。

shift() 刪除并返回數(shù)組的第一個元素

slice() 從某個已有的數(shù)組返回選定的元素

sort() 對數(shù)組的元素進(jìn)行排序

splice() 刪除元素，并向數(shù)組添加新元素。

toSource() 返回該對象的源代碼。

toString() 把數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果。

toLocaleString() 把數(shù)組轉(zhuǎn)換為本地數(shù)組，并返回結(jié)果。

unshift() 向數(shù)組的開頭添加一個或更多元素，并返回新的長度。

valueOf() 返回數(shù)組對象的原始值。

談?wù)則his是什么，this代表什么

this是Javascript語言的一個關(guān)鍵字。它代表函數(shù)運(yùn)行時，自動生成的一個內(nèi)部對象，只能在函數(shù)內(nèi)部使用。隨著函數(shù)使用場合的不同，this的值會發(fā)生變化。但是有一個總的原則，那就是this指的是，調(diào)用函數(shù)的那個對象。

改變this指向的方法

要想把 this 的值從一個上下文傳到另一個，就要用 call 或者apply 方法。

// 一個對象可以作為call和apply的第一個參數(shù)，并且this會被綁定到這個對象。
var obj = {a: "Custom"};

// 這個屬性是在global對象定義的。
var a = "Global";

function whatsThis(arg) {
  return this.a;  // this的值取決于函數(shù)的調(diào)用方式
}

whatsThis();          // "Global"
whatsThis.call(obj);  // "Custom"
whatsThis.apply(obj); // "Custom"

在a標(biāo)簽里面添加一個點(diǎn)擊事件，那么點(diǎn)擊事件的this指向的是什么。

  Show inner this

這種情況下，沒有設(shè)置內(nèi)部函數(shù)的this，所以它指向global/window對象（即非嚴(yán)格模式下調(diào)用的函數(shù)未設(shè)置this時指向的默認(rèn)對象）。

ES6有哪些新增的東西

這個就太多了，大家可以看看我的博客了解一下簡單的，當(dāng)然，更多還是得看看阮一峰的es6教程吧。

說說jq常用的一些函數(shù)

jq常用的函數(shù)也就太多了，這里因為我在簡歷里面寫了了解jq所以才被面到，大家根據(jù)自己的理解回答就好了吧。

談?wù)剉ue的生命周期

這里給出一張圖片就好，不用問我為什么

vue綁定input數(shù)據(jù)的方法

回答：v-model

  
{{ message }}
  

談?wù)刪ttp協(xié)議

HTTP（HyperText TransportProtocol）是超文本傳輸協(xié)議的縮寫，它用于傳送WWW方式的數(shù)據(jù)，關(guān)于HTTP協(xié)議的詳細(xì)內(nèi)容請參考RFC2616。HTTP協(xié)議采用了請求/響應(yīng)模型。客戶端向服務(wù)器發(fā)送一個請求，請求頭包含請求的方法、URL、協(xié)議版本、以及包含請求修飾符、客戶信息和內(nèi)容的類似于MIME的消息結(jié)構(gòu)。服務(wù)器以一個狀態(tài)行作為響應(yīng)，響應(yīng)的內(nèi)容包括消息協(xié)議的版本，成功或者錯誤編碼加上包含服務(wù)器信息、實(shí)體元信息以及可能的實(shí)體內(nèi)容。

通常HTTP消息包括客戶機(jī)向服務(wù)器的請求消息和服務(wù)器向客戶機(jī)的響應(yīng)消息。這兩種類型的消息由一個起始行，一個或者多個頭域，一個指示頭域結(jié)束的空行和可選的消息體組成。HTTP的頭域包括通用頭，請求頭，響應(yīng)頭和實(shí)體頭四個部分。每個頭域由一個域名，冒號（:）和域值三部分組成。域名是大小寫無關(guān)的，域值前可以添加任何數(shù)量的空格符，頭域可以被擴(kuò)展為多行，在每行開始處，使用至少一個空格或制表符。

主要還得記得http中Status-Code的第一個數(shù)字定義響應(yīng)的類別，后兩個數(shù)字沒有分類的作用。第一個數(shù)字可能取5個不同的值：

1xx:信息響應(yīng)類，表示接收到請求并且繼續(xù)處理

2xx:處理成功響應(yīng)類，表示動作被成功接收、理解和接受

3xx:重定向響應(yīng)類，為了完成指定的動作，必須接受進(jìn)一步處理

4xx:客戶端錯誤，客戶請求包含語法錯誤或者是不能正確執(zhí)行

5xx:服務(wù)端錯誤，服務(wù)器不能正確執(zhí)行一個正確的請求

阿里的面試很基礎(chǔ)，而且問的問題基本都是你簡歷上寫的技術(shù)，所以，簡歷上面寫的東西，千萬要再熟悉一次，而且如果你還擅長什么，面試官都會很樂意去問你問題的，可以跟他們向你會的領(lǐng)域去問。