1.下面的 JSX 代碼中，哪一個無法達到預期的效果？
A <h2>Hello World</h2>
B <input type=”checkbox”/>
C <div class=”msg-box”>{msg}</div>
D <label htmlFor=”name”>Leo</label>
E <div style={{height: 50}}></div>
F <img src={imgSrc}/>
2.將數組 var a=[1,2,3] 變成數組 [4,3,2,1] 下面的方式正確的是？
A a.reverse().unshift(4)
B a.push(4).reverse()
C a.push(4); a.reverse()
D a.splice(3,1,4).reverse()
3.下列事件哪個不是由鼠標觸發的事件（）
A click
B contextmenu
C mouseout
D keydown
4.下面關于CSS布局的描述，不正確的是？
A 塊級元素實際占用的寬度與它的 width 屬性有關；
B 塊級元素實際占用的寬度與它的 border 屬性有關；
C 塊級元素實際占用的寬度與它的 padding 屬性有關；
D 塊級元素實際占用的寬度與它的 background 屬性有關。
5.瀏覽器在一次 HTTP 請求中，需要傳輸一個 4097 字節的文本數據給服務端，可以采用那些方式?
A 存入 IndexdDB
B 寫入 COOKIE
C 放在 URL 參數
D 寫入 Session
E 使用 POST
F 放在 Local Storage
6.下面哪個屬性不會讓 div 脫離文檔流（normal flow）？
A position: absolute;
B position: fixed;
C position: relative;
D float: left;
7.下列哪個操作是W3C標準定義的阻止事件向父容器傳遞：
A e.preventDefault()
B e.cancelBubble=true
C e.stopPropagation()
D e.stopImmediatePropagation()
8.使用CSS的flexbox布局，不能實現以下哪一個效果：
A 三列布局，隨容器寬度等寬彈性伸縮
B 多列布局，每列的高度按內容最高的一列等高
C 三列布局，左列寬度像素數確定，中、右列隨容器寬度等寬彈性伸縮
D 多個寬高不等的元素，實現無縫瀑布流布局
9.關于HTML語義化，以下哪個說法是正確的？
A 語義化的HTML有利于機器的閱讀，如PDA手持設備、搜索引擎爬蟲；但不利于人的閱讀
B Table 屬于過時的標簽，遇到數據列表時，需盡量使用 div 來模擬表格
C 語義化是HTML5帶來的新概念，此前版本的HTML無法做到語義化
D header、article、address都屬于語義化明確的標簽
10.關于HTTP協議，下面哪個說法是正確的？
A HTTP協議是有狀態協議。
B 以下是一個Http鏈接的response 的響應頭： GET /xxx/xxx/js/lib/test.js HTTP/1.1 Host: 127.0.0.1 Connection: keep-alive Pragma: no-cache Cache-Control: no-cache Accept: /
C RESTful 接口中，利用HTTP協議的method字段來描述要對資源操作的方式，比如GET表示獲取資源，POST表示新增一個資源，PUT表示更新資源,DELETE 表示刪除資源等等。
D 一個HTTP請求返回的HTTP狀態碼中，304表示臨時重定向。
填空
javascript 語言特性中，有很多方面和我們接觸的其他編程語言不太一樣，比如說，javascript語言實現繼承機制的核心就是[1]，而不是Java語言那樣的類式繼承。Javascript 解析引擎在讀取一個Object的屬性的值時，會沿著[2]向上尋找，如果最終沒有找到，則該屬性值為 [3]； 如果最終找到該屬性的值，則返回結果。與這個過程不同的是，當javascript解析引擎執行“給一個Object的某個屬性賦值”的時候，如果當前Object存在該屬性，則改寫該屬性的值，如果當前的Object本身并不存在該屬性，則賦值該屬性的值 。
填寫內容讓下面代碼支持a.name = “name1”; b.name = “name2”;
function obj(name){
[1]
}
obj.[2]= "name2";
var a = obj("name1");
var b = new obj;
編程題
實現如下頁面布局。核心區域左側自適應，右側固定寬度200px
[圖片上傳中...(image.png-85d9df-1568034566388-0)]
請使用兩種不同的CSS方法（要求dom結構不同）實現下圖所示的條形圖。從左到右的條形分別記為A,B,C,D,E。A的高度為30%，顏色為#f00；B的高度為80%，顏色為#ddd；C的高度為70%，顏色為#0fd；D的高度為60%，顏色為#ff0；E的高度為90%，顏色為#234，每個條形之間的距離可以任意設置（可以考慮使用CSS3新屬性來實現）。
