摘要：破壞程序的異常處理機(jī)制。創(chuàng)建后，會(huì)把關(guān)聯(lián)的通過(guò)添加到響應(yīng)頭部中。我又問(wèn)實(shí)習(xí)生在咱們團(tuán)隊(duì)都做什么，他說(shuō)一般不把實(shí)習(xí)生當(dāng)實(shí)習(xí)生看，就跟團(tuán)隊(duì)一起做項(xiàng)目，這樣成長(zhǎng)的更快簡(jiǎn)寫了，大概就是這個(gè)意思你接下來(lái)有什么打算走進(jìn)阿里，哈哈

阿里一面 崗位：web前端開發(fā)
1 從技術(shù)的角度來(lái)介紹一下自己
回答：大家可以從這樣幾個(gè)方面來(lái)介紹自己：

如何學(xué)習(xí)：學(xué)習(xí)經(jīng)歷為主，掌握了哪些語(yǔ)言，如何學(xué)習(xí)（可以講實(shí)驗(yàn)室）以及為什么學(xué)習(xí)前端

掌握技能：已經(jīng)掌握了那些框架技術(shù)（熟悉／了解），對(duì)于自己的優(yōu)勢(shì)（比如是一個(gè)新的框架，講出來(lái)明顯會(huì)給自己加分的那種技術(shù)）著重提一下。

項(xiàng)目開發(fā)：做了什么項(xiàng)目，使用了什么技術(shù)，學(xué)會(huì)了哪些。

學(xué)習(xí)計(jì)劃：接下來(lái)的學(xué)習(xí)方向（不局限于前端），看博客／書／等等。

其實(shí)就是自我介紹，把里面那些非技術(shù)相關(guān)的去掉，不用講自己性格開朗啦
2 做過(guò)項(xiàng)目嗎？有哪些？挑一個(gè)說(shuō)說(shuō)

”挑一個(gè)“，一定要把自己最熟悉的項(xiàng)目、收獲最大、使用技術(shù)最多、最厲害的項(xiàng)目拿出來(lái)描述，建議流程：項(xiàng)目開發(fā)背景、如何開發(fā)、團(tuán)隊(duì)使用的技術(shù)，項(xiàng)目包含模塊，自己負(fù)責(zé)的模塊，使用了哪些技術(shù)，遇見了什么問(wèn)題，自己是如何優(yōu)化的。

3 Ajax的優(yōu)缺點(diǎn)（這里直接從以前的筆記進(jìn)行節(jié)減）

優(yōu)點(diǎn)

<1>.無(wú)刷新更新數(shù)據(jù),減少用戶等待時(shí)間，帶來(lái)非常好的用戶體驗(yàn)。

<2>.異步與服務(wù)器通信,不需要打斷用戶的操作，具有更加迅速的響應(yīng)能力。減少不必要的數(shù)據(jù)傳輸、時(shí)間及節(jié)省流量。

<3>.前端和后端負(fù)載平衡，AJAX的原則是“按需取數(shù)據(jù)”，可以最大程度的減少冗余請(qǐng)求和響應(yīng)對(duì)服務(wù)器造成的負(fù)擔(dān)，減輕服務(wù)器和帶寬的負(fù)擔(dān)提升站點(diǎn)性能。

缺點(diǎn)

<1>.AJAX干掉了Back和History功能，即對(duì)瀏覽器機(jī)制的破壞。

<2>.AJAX的安全問(wèn)題。

<3>.違背URL和資源定位的初衷。

<4>.破壞程序的異常處理機(jī)制。

總結(jié)：最好講一下適用場(chǎng)景：[快速的用戶與用戶間的交流響應(yīng)、普通的文本輸入提示和自動(dòng)完成的場(chǎng)景 等]部分簡(jiǎn)單的表達(dá)提交或者搜索不用AJax

4 http狀態(tài)碼中的301和302是什么，有什么區(qū)別

301-----永久性重定向-----表示請(qǐng)求的資源已經(jīng)分配了新的URL，（舉例：存儲(chǔ)書簽，如果更新了書簽資源的URL，以后都要使用新的了，）
302----臨時(shí)性重定向---不更新書簽；(我覺(jué)得舉例這個(gè)書簽是一個(gè)很好的例子)

5 http請(qǐng)求頭： 請(qǐng)求頭的組成，可以放什么

接受 內(nèi)容 - 響應(yīng)可接受的類型：Accept: text/plain、Cookie 、Cache-Control: no-cache 等
這里給大家一個(gè)鏈接：https://en.wikipedia.org/wiki...

6 你們專業(yè)是不是還學(xué)了java？

然后我說(shuō)沒(méi)有，學(xué)了c和c++，然后問(wèn)用兩個(gè)棧怎么變成一個(gè)隊(duì)列？

一個(gè)是入列時(shí)收集元素，一個(gè)是作為出列的緩沖區(qū)，主要完成（先進(jìn)先出原則）
 隊(duì)列入列時(shí)：直接將元素壓到棧S1，S1的棧頂元素就是隊(duì)列的入列元素；
 隊(duì)列出列時(shí)：先判斷棧S2中是否有元素，若有元素，說(shuō)明棧S1中的元素已經(jīng)全都倒入S2了 
 這時(shí)S2的棧頂?shù)脑乜隙ň褪堑谝粋€(gè)入隊(duì)列的元素，即出隊(duì)元素。
 如果S2中沒(méi)有元素，先將S1中的元素倒入S2中，再?gòu)棾鯯2的棧頂元素，即出隊(duì)元素。

一個(gè)字符串中要?jiǎng)h除某個(gè)字符怎么做？64位機(jī)中整型是幾個(gè)字節(jié)？引用作為參數(shù)的時(shí)候是什么情況？

如果是JS，那么調(diào)用方法（str=str.replace("l",""); 即使用空串替換待刪字符,則是可以實(shí)現(xiàn)去除“l(fā)”）；

數(shù)據(jù)結(jié)構(gòu)與算法：最基礎(chǔ)的前端也要過(guò)完劍指offer、經(jīng)?？纯磁？途W(wǎng)和letcode

7 熟悉html5嗎？然后我講了新增和刪除的標(biāo)簽，他問(wèn)還有別的嗎？
html5：簡(jiǎn)單分為這幾類，回答問(wèn)題一定要邏輯清楚

新增的標(biāo)簽有：

存儲(chǔ)機(jī)制：localstorage、sessionstorage、兩者的差別主要在生命周期不同（如果面試官不追問(wèn)，就做簡(jiǎn)要描述就OK）

canvas、WebSocket/WebRTC/WebGL/

8 iframe

用來(lái)實(shí)現(xiàn)長(zhǎng)連接 跨域通信、歷史記錄管理，解決ajax化網(wǎng)站響應(yīng)瀏覽器前進(jìn)后退按鈕的方案程序調(diào)入靜態(tài)頁(yè)面比較方便;

iframe的創(chuàng)建比其它包括scripts和css的 DOM 元素的創(chuàng)建慢了 1-2 個(gè)數(shù)量級(jí)、Iframes 阻塞頁(yè)面加載

9 有沒(méi)有用過(guò)本地存儲(chǔ)？

cookie

cookie是存儲(chǔ)在瀏覽器上的一小段數(shù)據(jù)，用來(lái)記錄某些當(dāng)頁(yè)面關(guān)閉或者刷新后仍然需要記錄的信息，Cookie通過(guò)在客戶端記錄信息確定用戶身份

session

當(dāng)一個(gè)用戶打開淘寶登錄后，刷新瀏覽器仍然展示登錄狀態(tài)。服務(wù)器如何分辨這次發(fā)起請(qǐng)求的用戶是剛才登錄過(guò)的用戶呢？這里就使用了session保存狀態(tài)。用戶在輸入用戶名密碼提交給服務(wù)端，服務(wù)端驗(yàn)證通過(guò)后會(huì)創(chuàng)建一個(gè)session用于記錄用戶的相關(guān)信息，這個(gè) session 可保存在服務(wù)器內(nèi)存中，也可保存在數(shù)據(jù)庫(kù)中。
創(chuàng)建session后，會(huì)把關(guān)聯(lián)的session_id 通過(guò)setCookie 添加到http響應(yīng)頭部中。
瀏覽器在加載頁(yè)面時(shí)發(fā)現(xiàn)響應(yīng)頭部有 set-cookie字段，就把這個(gè)cookie 種到瀏覽器指定域名下。
當(dāng)下次刷新頁(yè)面時(shí)，發(fā)送的請(qǐng)求會(huì)帶上這條cookie， 服務(wù)端在接收到后根據(jù)這個(gè)session_id來(lái)識(shí)別用戶。
**cookie 是存儲(chǔ)在瀏覽器里的一小段「數(shù)據(jù)」，而session是一種讓服務(wù)器能識(shí)別某個(gè)用戶的「機(jī)制」，session 在實(shí)現(xiàn)的過(guò)程中需要使用cookie。 二者不是同一維度的東西。

http://blog.csdn.net/fangaoxin/article/details/6952954/**

localStorage
localStorage HTML5本地存儲(chǔ)web storage特性之一，用于將大量數(shù)據(jù)（最大5M）保存在瀏覽器中，保存后數(shù)據(jù)永遠(yuǎn)存在不會(huì)失效過(guò)期，除非用js手動(dòng)清除。
不參與網(wǎng)絡(luò)傳輸。
一般用于性能優(yōu)化，可以保存圖片、js、css、html 模板、大量數(shù)據(jù)。
解決了cookie存儲(chǔ)空間不足的問(wèn)題(cookie中每條cookie的存儲(chǔ)空間為4k)，localStorage中一般瀏覽器支持的是5M大小，這個(gè)在不同的瀏覽器中l(wèi)ocalStorage會(huì)有所不同。

10 有什么要問(wèn)面試官的嗎？

我問(wèn)了公司是不是都有在用現(xiàn)在主流的那些框架，他說(shuō)主流的框架會(huì)參考，大多數(shù)自己寫框架。我又問(wèn)實(shí)習(xí)生在咱們團(tuán)隊(duì)都做什么，他說(shuō)一般不把實(shí)習(xí)生當(dāng)實(shí)習(xí)生看，就跟團(tuán)隊(duì)一起做項(xiàng)目，這樣成長(zhǎng)的更快（簡(jiǎn)寫了，大概就是這個(gè)意思）

11、你接下來(lái)有什么打算？

走進(jìn)阿里，哈哈～