面試題集錦（一）

阿里一面 崗位：web前端開發
1 從技術的角度來介紹一下本身
回答：你們能夠從這樣幾個方面來介紹本身：

• 如何學習：學習經歷爲主，掌握了哪些語言，如何學習（能夠講實驗室）以及爲何學習前端
• 掌握技能：已經掌握了那些框架技術（熟悉／瞭解），對於本身的優點（好比是一個新的框架，講出來明顯會給本身加分的那種技術）着重提一下。
• 項目開發：作了什麼項目，使用了什麼技術，學會了哪些。
• 學習計劃：接下來的學習方向（不侷限於前端），看博客／書／等等。

其實就是自我介紹，把裏面那些非技術相關的去掉，不用講本身性格開朗啦
2 作過項目嗎？有哪些？挑一個說說

• 」挑一個「，必定要把本身最熟悉的項目、收穫最大、使用技術最多、最厲害的項目拿出來描述，建議流程：項目開發背景、如何開發、團隊使用的技術，項目包含模塊，本身負責的模塊，使用了哪些技術，碰見了什麼問題，本身是如何優化的。

3 Ajax的優缺點（這裏直接從之前的筆記進行節減）

• 優勢
• <1>.無刷新更新數據,減小用戶等待時間，帶來很是好的用戶體驗。
• <2>.異步與服務器通訊,不須要打斷用戶的操做，具備更加迅速的響應能力。減小沒必要要的數據傳輸、時間及節省流量。
• <3>.前端和後端負載平衡，AJAX的原則是「按需取數據」，能夠最大程度的減小冗餘請求和響應對服務器形成的負擔，減輕服務器和帶寬的負擔提高站點性能。
• 缺點
• <1>.AJAX幹掉了Back和History功能，即對瀏覽器機制的破壞。
• <2>.AJAX的安全問題。
• <3>.違背URL和資源定位的初衷。
• <4>.破壞程序的異常處理機制。
• 總結：最好講一下適用場景：[快速的用戶與用戶間的交流響應、普通的文本輸入提示和自動完成的場景 等]部分簡單的表達提交或者搜索不用AJax

4 http狀態碼中的301和302是什麼，有什麼區別

• 301-----永久性重定向-----表示請求的資源已經分配了新的URL，（舉例：存儲書籤，若是更新了書籤資源的URL，之後都要使用新的了，）
  302----臨時性重定向---不更新書籤；(我以爲舉例這個書籤是一個很好的例子)

5 http請求頭： 請求頭的組成，能夠放什麼

• 接受 內容 - 響應可接受的類型：Accept: text/plain、Cookie 、Cache-Control: no-cache 等
  這裏給你們一個連接：https://en.wikipedia.org/wiki...

6 大家專業是否是還學了java？

• 而後我說沒有，學了c和c++，而後問用兩個棧怎麼變成一個隊列？

一個是入列時收集元素，一個是做爲出列的緩衝區，主要完成（先進先出原則）

隊列入列時：直接將元素壓到棧S1，S1的棧頂元素就是隊列的入列元素；
 隊列出列時：先判斷棧S2中是否有元素，如有元素，說明棧S1中的元素已經全都倒入S2了 
 這時S2的棧頂的元素確定就是第一個入隊列的元素，即出隊元素。
 若是S2中沒有元素，先將S1中的元素倒入S2中，再彈出S2的棧頂元素，即出隊元素。

一個字符串中要刪除某個字符怎麼作？64位機中整型是幾個字節？引用做爲參數的時候是什麼狀況？

• 若是是JS，那麼調用方法（str=str.replace("l",""); 即便用空串替換待刪字符,則是能夠實現去除「l」）；

數據結構與算法：最基礎的前端也要過完劍指offer、常常看看牛客網和letcode

7 熟悉html5嗎？而後我講了新增和刪除的標籤，他問還有別的嗎？
html5：簡單分爲這幾類，回答問題必定要邏輯清楚

• 新增的標籤有：<video>、<radio>、<embed>....還有一部分新增的語義化標籤（footer之類）
• 存儲機制：localstorage、sessionstorage、二者的差異主要在生命週期不一樣（若是面試官不追問，就作簡要描述就OK）
• canvas、WebSocket/WebRTC/WebGL/

8 iframe

• 用來實現長鏈接 跨域通訊、歷史記錄管理，解決ajax化網站響應瀏覽器前進後退按鈕的方案程序調入靜態頁面比較方便;
• iframe的建立比其它包括scripts和css的 DOM 元素的建立慢了 1-2 個數量級、Iframes 阻塞頁面加載

9 有沒有用過本地存儲？

• cookie

  cookie是存儲在瀏覽器上的一小段數據，用來記錄某些當頁面關閉或者刷新後仍然須要記錄的信息，Cookie經過在客戶端記錄信息肯定用戶身份

• session

  當一個用戶打開淘寶登陸後，刷新瀏覽器仍然展現登陸狀態。服務器如何分辨此次發起請求的用戶是剛纔登陸過的用戶呢？這裏就使用了session保存狀態。用戶在輸入用戶名密碼提交給服務端，服務端驗證經過後會建立一個session用於記錄用戶的相關信息，這個 session 可保存在服務器內存中，也可保存在數據庫中。
  建立session後，會把關聯的session_id 經過setCookie 添加到http響應頭部中。
  瀏覽器在加載頁面時發現響應頭部有 set-cookie字段，就把這個cookie 種到瀏覽器指定域名下。
  當下次刷新頁面時，發送的請求會帶上這條cookie， 服務端在接收到後根據這個session_id來識別用戶。
  **cookie 是存儲在瀏覽器裏的一小段「數據」，而session是一種讓服務器能識別某個用戶的「機制」，session 在實現的過程當中須要使用cookie。 兩者不是同一維度的東西。

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

• localStorage
  localStorage HTML5本地存儲web storage特性之一，用於將大量數據（最大5M）保存在瀏覽器中，保存後數據永遠存在不會失效過時，除非用js手動清除。
  不參與網絡傳輸。
  通常用於性能優化，能夠保存圖片、js、css、html 模板、大量數據。
  解決了cookie存儲空間不足的問題(cookie中每條cookie的存儲空間爲4k)，localStorage中通常瀏覽器支持的是5M大小，這個在不一樣的瀏覽器中localStorage會有所不一樣。

10 有什麼要問面試官的嗎？

我問了公司是否是都有在用如今主流的那些框架，他說主流的框架會參考，大多數本身寫框架。我又問實習生在我們團隊都作什麼，他說通常不把實習生當實習生看，就跟團隊一塊兒作項目，這樣成長的更快（簡寫了，大概就是這個意思）

十一、你接下來有什麼打算？

走進阿里，哈哈～