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

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

　　2、你了解哪些新技術(shù)?

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

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

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

　　已知HTML結(jié)構(gòu)是：

　　<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的某個(gè)頁(yè)面中存在一個(gè)id等于J_iframe_taobao的iframe，該iframe的域名是taobao.com。在不考慮IE瀏覽器的情況下，用最簡(jiǎn)潔的代碼實(shí)現(xiàn)頁(yè)面與該iframe進(jìn)行雙向通信?

　　...

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

　　...

　　7、請(qǐng)用html5標(biāo)準(zhǔn)完成以下頁(yè)面布局(要求完整書寫整個(gè)頁(yè)面的html代碼，不需要寫CSS)

　　8、請(qǐng)寫一個(gè) getParents 方法讓它可以獲取某一個(gè) DOM 元素的所有父親節(jié)點(diǎn)。

　　9、請(qǐng)寫出至少5個(gè)html5新增的標(biāo)簽，并說明其語義和應(yīng)用場(chǎng)景。

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

　　要求：sidebar 固定寬度200px，content和header寬度自適應(yīng)

　　當(dāng)window寬度小于600px時(shí)，變成三行布局

　　默認(rèn)如下

　　寬度小于600px時(shí)如下

　　下面是HTML結(jié)構(gòu)：

　　<div class='header'>

　　      <h1>header</h1>

　　</div>       

　　<div class="sidebar">

　　      <h1>sidebar</h1> 

　　</div>

　　<div class="content">

　　      <h1>content</h1>

　　</div>

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

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

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

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

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

2017阿里巴巴前端實(shí)習(xí)生在線筆試總結(jié)07-22

阿里巴巴視覺設(shè)計(jì)師的校招面試筆試題11-28

騰訊校招筆試題01-16

騰訊校招筆試題目05-02

騰訊2016校招筆試題10-03

網(wǎng)易2015校招筆試題09-09

阿里巴巴綜合筆題11-05