摘要：在這次螞蟻金服的電話面試里面認識到了自己很多不足的地方吧。把字符串分割為字符串數組。從起始索引號提取字符串中指定數目的字符。通常消息包括客戶機向服務器的請求消息和服務器向客戶機的響應消息。

先簡短的介紹一下我自己吧，我是一個前端學習者，雖然我基礎知識也學了比較好，但是許久不用的知識就像流失的水，很容易就忘。在這次螞蟻金服的電話面試里面認識到了自己很多不足的地方吧。雖然在阿里內推后的人才觀的問題里面我覺得自己做的還是很不錯的，但是在真正的編程題里面，才發現自己的編程其實需要更加的提升。

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

如果不想看完，那就記得看看總結吧。

簡短的介紹一下自己

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

為什么要學習前端

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

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

JavaScript 使我們有能力創建動態頁面。事件是可以被 JavaScript 偵測到的行為。

網頁中的每個元素都可以產生某些可以觸發JavaScript函數的事件。比方說，我們可以在用戶點擊某按鈕時產生一個 onClick事件來觸發某個函數。事件在 HTML 頁面中定義。

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

當用戶進入或離開頁面時就會觸發 onload 和 onUnload 事件

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

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

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

onMouseOver 和 onMouseOut 用來創建“動態的”按鈕。

綁定事件的方法?

嵌入dom

按鈕

直接綁定

按鈕

事件監聽

按鈕

ie和w3c綁定事件的標準有沒有不一樣？

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

//添加事件監聽兼容函數  
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);  
        };        
    }  
    //執行新的函數  
    addHandler(target, eventType, handler);  
}  
//刪除事件監聽兼容函數  
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);  
        }         
    }  
    //執行新的函數  
    removeHandler(target, eventType, handler);  
} 

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

用一張圖片解析一下吧

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

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

js的基本數據類型

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

說說字符串常用的十個函數

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

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

concat() 連接字符串。

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

indexOf() 檢索字符串。

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

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

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

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

split() 把字符串分割為字符串數組。

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

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

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

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

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

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

toString() 返回字符串。

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

說說數組常用的十個函數

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

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

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

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

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

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

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

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

sort() 對數組的元素進行排序

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

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

toString() 把數組轉換為字符串，并返回結果。

toLocaleString() 把數組轉換為本地數組，并返回結果。

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

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

談談this是什么，this代表什么

this是Javascript語言的一個關鍵字。它代表函數運行時，自動生成的一個內部對象，只能在函數內部使用。隨著函數使用場合的不同，this的值會發生變化。但是有一個總的原則，那就是this指的是，調用函數的那個對象。

改變this指向的方法

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

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

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

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

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

在a標簽里面添加一個點擊事件，那么點擊事件的this指向的是什么。

  Show inner this

這種情況下，沒有設置內部函數的this，所以它指向global/window對象（即非嚴格模式下調用的函數未設置this時指向的默認對象）。

ES6有哪些新增的東西

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

說說jq常用的一些函數

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

談談vue的生命周期

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

vue綁定input數據的方法

回答：v-model

  
{{ message }}
  

談談http協議

HTTP（HyperText TransportProtocol）是超文本傳輸協議的縮寫，它用于傳送WWW方式的數據，關于HTTP協議的詳細內容請參考RFC2616。HTTP協議采用了請求/響應模型?？蛻舳讼蚍掌靼l送一個請求，請求頭包含請求的方法、URL、協議版本、以及包含請求修飾符、客戶信息和內容的類似于MIME的消息結構。服務器以一個狀態行作為響應，響應的內容包括消息協議的版本，成功或者錯誤編碼加上包含服務器信息、實體元信息以及可能的實體內容。

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

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

1xx:信息響應類，表示接收到請求并且繼續處理

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

3xx:重定向響應類，為了完成指定的動作，必須接受進一步處理

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

5xx:服務端錯誤，服務器不能正確執行一個正確的請求

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