阿里巴巴2014校招前端在線筆試題

　　1、你做過的最滿意的前端作品?

　　2、你了解哪些新技術?

　　3、你是怎樣接觸前端的'?

　　4、你對你的學校和專業(yè)怎么看?

　　5、下圖綠色區(qū)域的寬度為100%，其中有三個矩形，第一個矩形的寬度是200px，第二個和第三個矩形的寬度相等。請使用CSS3中的功能實現(xiàn)它們的布局。

　　已知HTML結構是：

　　<div class="box">

　　<div class="item">column 1</div>

　　<div class="item">column 2</div>

　　<div class="item">column 3</div>

　　</div>

　　6、在tmall.com的某個頁面中存在一個id等于J_iframe_taobao的iframe，該iframe的域名是taobao.com。在不考慮IE瀏覽器的情況下，用最簡潔的代碼實現(xiàn)頁面與該iframe進行雙向通信?

　　...

　　<iframe id="J_iframe_taobao" src="http://taobao.com/xxx"></iframe>

　　...

　　7、請用html5標準完成以下頁面布局(要求完整書寫整個頁面的html代碼，不需要寫CSS)

　　8、請寫一個 getParents 方法讓它可以獲取某一個 DOM 元素的所有父親節(jié)點。

　　9、請寫出至少5個html5新增的標簽，并說明其語義和應用場景。

　　10、實現(xiàn)如下圖所示的布局

　　要求：sidebar 固定寬度200px，content和header寬度自適應

　　當window寬度小于600px時，變成三行布局

　　默認如下

　　寬度小于600px時如下

　　下面是HTML結構：

　　<div class='header'>

　　      <h1>header</h1>

　　</div>       

　　<div class="sidebar">

　　      <h1>sidebar</h1> 

　　</div>

　　<div class="content">

　　      <h1>content</h1>

　　</div>

　　請寫出其css代碼：(提示，可以使用media query來檢測瀏覽器窗口寬度)

【阿里巴巴2014校招前端在線筆試題】相關文章：

阿里巴巴2016校招筆試題09-14

阿里在線前端筆試題01-15

阿里巴巴2015校招筆試題（含答案、解析）09-05

2017阿里巴巴前端實習生在線筆試總結07-22

阿里巴巴視覺設計師的校招面試筆試題11-28

騰訊校招筆試題01-16

騰訊校招筆試題目05-02

騰訊2016校招筆試題10-03

網易2015校招筆試題09-09

阿里巴巴綜合筆題11-05