今天給大家找來了阿里巴巴的前端面試題，讓大家感受一下 大企業的風度，看看你自己距離阿里巴巴這樣的大型網際網路工資還有多遠？裡面包含前端面試知識的方方面面，目前本人已經拿到阿里offer，希望能對後面找工作的學習學妹們有所幫助。

阿里面試對基礎比較看重，然後需要你有兩三個比較好的專案，一面重視面試者對前端基礎的把握，還要手寫程式碼，不過不難，二面部門的leader面，這一面比較難，面試官會對你的專案細節進行深挖，所以說專案要牛逼一點，最後還會有一道邏輯題（我沒有答上來），三面是HR面，如果你想進大公司的話，下面這些技術是肯定要掌握的：html5，css3，JavaScript，略懂一點jQuery原始碼，Node.js，express，mongoose，資料庫mongodb。大公司問的核心在於JavaScript。（2）html5的新特性

1、標籤語義化，比如header，footer，nav，aside，article，section等，新增了很多表單元素，入email，url等，除去了center等樣式標籤，還有除去了有效能問題的frame，frameset等標籤

2、音視訊元素，video，audio的增加使得我們不需要在依賴外部的外掛就可以往網頁中加入音視訊元素。

3、新增很多api，比如獲取使用者地理位置的window.navigator.geoloaction，

4、websocket

一.基礎部分

學習web前端開發基礎技術需要掌握：HTML、CSS、JavaScript語言。下面我們就來了解下這三門技術都是用來實現什麼的：

1. HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓使用者瀏覽的資訊，可以包含文字、圖片、視訊等。

2. CSS樣式是表現。就像網頁的外衣。比如，標題字型、顏色變化，或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。

3. JavaScript是用來實現網頁上的特效效果。如：滑鼠滑過彈出下拉選單。或滑鼠滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這麼理解，有動畫的，有互動的一般都是用JavaScript來實現的。

精心整理的，希望能夠幫助大家

二.HTML的知識部分

(1).html5的新特性

1、標籤語義化，比如header，footer，nav，aside，article，section等，新增了很多表單元素，入email，url等，除去了center等樣式標籤，還有除去了有效能問題的frame，frameset等標籤

2、音視訊元素，video，audio的增加使得我們不需要在依賴外部的外掛就可以往網頁中加入音視訊元素。

3、新增很多api，比如獲取使用者地理位置的window.navigator.geoloaction，

4、websocket是一種協議，可以讓我們建立客戶端到伺服器端的全雙工通訊，這就意味著伺服器端可以主動推送資料到客戶端，

（2）請列舉7種以上常用的HTML標籤，說明其語義
三.CSS的知識部分

1.css盒模型，可能會要求手寫一個佈局，這個佈局基本上用到的css是margin的負值，boxing-sizing：border-box，佈局儘量往這方面想。瀏覽器佈局的基本元素是盒，在w3c的標準模式下，width=width，但是在怪異模式下，width=border 2+padding 2+width;其中後代元素的width：100%；參照的是右邊的那個width，

四.JavaScript部分

（1）JavaScript的資料型別

基本資料型別：Number，String，Boolean，Undefined，Null

複雜資料型別：Object，Array，Function，RegExp，Date，Error

全域性資料型別：Math

(2)JavaScript事件模型

原始事件模型，捕獲型事件模型，冒泡事件模型，

原始事件模型就是ele.onclick=function(){}這種型別的事件模型

冒泡事件模型是指事件從事件的發生地（目標元素），一直向上傳遞，直到document，

捕獲型則恰好相反，事件是從document向下傳遞，直到事件的發生地（目標元素）

（3）IE是隻支援冒泡事件模型的，下面是相容各個瀏覽器的事件監聽程式碼:請用JavaScript語言實現 sort 排序函式，要求：sort([5, 100, 6, 3, -12]) // 返回 [-12, 3, 5, 6, 100]。

（4）請編寫一個JavaScript 函式toRGB，它的作用是轉換CSS中常用的顏色編碼。 要求：

（5）嘗試實現註釋部分的Javascript程式碼，可在其他任何地方新增更多程式碼（如不能實現，說明一下不能實現的原因）：

（六）請分別列出HTML、JavaScript、CSS、Java、PHP、Python的註釋程式碼形式。

題目有很多，考慮到大家可能閱讀大量的文字會疲勞，所以有些題目我沒有寫出答案來

如果你也是一個前端黨，無論是在學習web前端開發，還是已經工作的，這裡推薦一下我們的前端學習交流群：784783012，這裡是把夢想照亮的地方，同為了生活而拼搏奮鬥，大家互相幫助。新手加入即可獲得經過整理的最前沿的前端技術資料，不定時更新技術，與企業需求同步。好友都在裡面交流，每天都會有大牛定時講解前端技術!知識改變命運

點選： 加入

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69901074/viewspace-2564209/，如需轉載，請註明出處，否則將追究法律責任。