阿里巴巴2014校招前端在線筆試題
1、你做過的最滿意的前端作品?
2、你了解哪些新技術?
3、你是怎樣接觸前端的'?
4、你對你的學校和專業怎么看?
5、下圖綠色區域的寬度為100%，其中有三個矩形，第一個矩形的寬度是200px，第二個和第三個矩形的寬度相等。請使用CSS3中的功能實現它們的布局。
已知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瀏覽器的情況下，用最簡潔的代碼實現頁面與該iframe進行雙向通信?
...
<iframe id="J_iframe_taobao" src="http://taobao.com/xxx"></iframe>
...
7、請用html5標準完成以下頁面布局(要求完整書寫整個頁面的html代碼，不需要寫CSS)
8、請寫一個 getParents 方法讓它可以獲取某一個 DOM 元素的所有父親節點。
9、請寫出至少5個html5新增的標簽，并說明其語義和應用場景。
10、實現如下圖所示的布局
要求：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
2017阿里巴巴前端實習生在線筆試總結07-22
阿里巴巴視覺設計師的校招面試筆試題11-28
騰訊校招筆試題01-16
騰訊校招筆試題目05-02
騰訊2016校招筆試題10-03
網易2015校招筆試題09-09
阿里巴巴綜合筆題11-05