前端面試題2019年網易工程師面試題及答案解析


一、單選題(共19題,每題5分)

1.CSS 盒子模型中( )是透明的,這部分可以顯示背景( )

A、padding

B、margin

C、border

D、content

參考答案:A

答案解析:- **Margin(外邊距)** - 清除邊框外的區域,外邊距是透明的。 - **Border(邊框)** - 圍繞在內邊距和內容外的邊框。 - **Padding(內邊距)** - 清除內容周圍的區域,內邊距是透明的。 - **Content(內容)** - 盒子的內容,顯示文本和圖像。 - Margin --------

margin清除周圍的元素(外邊框)的區域。margin沒有背景顏色,是完全透明的

 

Padding(填充) ------------- 當元素的 Padding(填充)(內邊距)被清除時,所"釋放"的區域將會受到元素背景顏色的填充。

 

2.通常我們在瀏覽器內容區看到的內容,都是放入在 () 之間

A、<!doctype html>

B、<html></html>

C、<head></head>

D、<body></body>

參考答案:D

答案解析:

A答案是聲明文檔類型。

B答案是整個html文件。

C答案是網頁標題,在瀏覽器頂部顯示、

D答案是網頁的主體部分,即瀏覽器的內容區域。

所以答案是D。

html文件結構如下

>

網頁名稱,頭部

網頁主體內容,瀏覽區域

 

3.關於HTML語義化,以下哪個說法是正確的?

A、語義化的HTML有利於機器的閱讀,如PDA手持設備、搜索引擎爬蟲;但不利於人的閱讀

B、Table 屬於過時的標簽,遇到數據列表時,需盡量使用 div 來模擬表格

C、語義化是HTML5帶來的新概念,此前版本的HTML無法做到語義化

D、header、article、address都屬於語義化明確的標簽

參考答案:D

答案解析:關於html語義化的一些參考</http:>

 

4.以下位於head 間的代碼片段是做什么用的?

A、使得頁面編碼合乎要求

B、表示支持響應式設計

C、支持正常的繪制和縮放

D、表示針對滾屏進行適當的適配

參考答案:B

答案解析:

 

 

5.下列定義的css中,哪個權重是最低的?

A、#game div.name

B、#game .name

C、#game div

D、#game .name span

參考答案:C

答案解析:最高贊的答案並不准確。 優先級是:內聯樣式 > id 選擇器 > 類選擇器 = 屬性選擇器 = 偽類選擇器 > 標簽選擇器 = 偽元素選擇器。 多個選擇器組合的時候,不應該簡單地給這些選擇器分配權值,然后相加比較大小。因為上面所說的優先級是不能越級的,比方說 1 個 id 選擇器能頂你 n 個類選擇器...所以要逐級比較,同級的就比較數量,數量多的優先級高。 當然,!important 的優先級最高。

 

6.HTTP的缺點與HTTPS

A、通信使用明文不加密,內容可能被竊聽

B、不驗證通信方身份,可能遭到偽裝

C、無法驗證報文完整性,可能被篡改

D、HTTPS就是HTTP加上加密處理(一般是SSL安全通信線路)+認證+完整性保護

參考答案:A

答案解析:abcd都對

 

7.關於angularjs說法,錯誤的是

關於angularjs1說法,錯誤的是

A、前端mvc,極大降低前端開發的耦合

B、極大的豐富了dom操作

C、實現了數據雙向綁定

D、實現了依賴注入

參考答案:B

答案解析:Angular大大減少了對DOM的訪問。jQuery極大的豐富了DOM操作

 

8.下面的 HTML 代碼中符合規范的是 ?

A、<ul> <ol> <li>item 1</li> </ol> </ul>

B、<table> <tr> <td>Data 1</td> <td>Data 2</td> <tr> </table>

C、<p> <ul> <li>Item 1</li> </ul> </p>

D、<a href="/"> <p>Some Text</p> </a>

 

9.請問以上程序的輸出是()

請問以上程序的輸出是()

A、010

B、012

C、000

D、011

 

10.網頁執行以下JavaScript代碼, 該代碼在網頁執行結果彈出結果為?


A、0

B、6

C、11

D、12

 

11.下列哪個樣式定義后,內聯(非塊狀)元素可以定義寬度和高度

A、display:inline

B、display:none

C、display:block

D、display:inherit

參考答案:C

答案解析:

 

 

 

 12.如下代碼執行后在控制台將輸出哪些字母?

A、A: D

B、B: A, B, C, D

C、C: B, C

D、D: A, D

參考答案:A

答案解析:JS的switch使用的“ === ”運算符

 

13.請問以下選項()不能夠正確的實現下面描述的功能。 功能:用jQuery動態地向頁面的body添加一個div標簽;同時做到,當我單擊動態添加的div時,能夠把div里面的文本內容彈出來。

A、$(function() {$(".clickme").click(function() {alert($(this).html());});$("body").append("新添加的元素");});

B、$(function() {$("body").append("新添加的元素");$(".clickme").click(function() {alert($(this).html());});});

C、$(function() {$("body").append("新添加的元素");$(".clickme").live("click", function() {alert($(this).html());});});

D、$(function() {$(".clickme").live("click", function() {alert($(this).html());});$("body").append("新添加的元素");});

 

 14.以下全部屬於塊級標簽的是?

A、<div><p><input><span><img>

B、<div><h1><p><img><dl>

C、<span><h1><p><img><dl>

D、<div><p><form><ul><h1>

參考答案:D

答案解析:

 

15.在html中,下列哪個標簽可以創建一個下拉菜單

A、<dropdown ><select >baidu</select></dropdown>

B、<select><dropdown>baidu</dropdown></select>

C、<select><option>baidu</option></select>

D、<option><select>baidu</select></option>

 

 

16.標記符title是放在以下哪個標記符之間的?(  )

A、html與html

B、head與head

C、body與body

D、head與body

 

 

17.在jquery中想要實現通過遠程http get請求載入信息功能的是下面的哪一下事件?

A、$.ajax()

B、load(url)

C、$.get(url)

D、$. getScript(url)

 

 

18.層疊樣式表CSS的英文單詞全稱是()

A、Colorful Style Sheet

B、Cascade Style Sheet

C、Creative Style sheet

D、Computer Style Sheet

 

 

19.下面有關HTML的Doctype和嚴格模式與混雜模式的描述,錯誤的是?

A、聲明位於文檔中的最前面,處於  標簽之前。告知瀏覽器的解析器,用什么文檔類型 規范來解析這個文檔

B、在標准模式中,瀏覽器根據規范呈現頁面;在混雜模式中,頁面以一種比較寬松的向后兼容的方式顯示

C、DOCTYPE不存在或格式不正確會導致文檔以標准模式呈現

D、瀏覽器根據DOCTYPE是否存在以及使用的哪種DTD來選擇要使用的呈現方法

 

二、多選題(共11題,每題5分)

1.請選出正確的答案

A、一個id在頁面中只能使用一次

B、一個class可以在一個網頁中多次使用

C、ID和class都能和javascript及CSS一起使用

D、同一個id或class,都可以在一個網頁中出現多次

 

 

2下列JS框架中,系列不包含開箱即用的UI控件和小部件的是()

A、MooTools

B、ExtJS

C、jQuery

D、YUI

 

  

3.下列哪些是預編譯 css 工具

A、less

B、sass

C、bass

D、stylus

 

4.請選出所有的置換元素()

A、img

B、input

C、textarea

D、select

 

 

5.關於XML和JSON區別的描述正確的是

A、JSON相對於XML來講,數據的體積小,傳遞的速度更快些

B、JSON與JavaScript的交互更加方便,更容易解析處理,更好的數據交互

C、JSON對數據的描述性比XML較好

D、JSON的速度要遠遠快於XML

 

 

6.可以包含在HTML網頁head標簽中的有

A、<title>

B、<meta>

C、<body>

D、<link>

 

7.在前端開發過程中使用 use strict 模式的目的是什么?

A、消除Javascript語法的一些不合理、不嚴謹之處,減少一些怪異行為

B、消除代碼運行的一些不安全之處,保證代碼運行的安全

C、提高編譯器效率,增加運行速度

D、為未來新版本的Javascript做好鋪墊

 

 

8.去掉文本超級鏈接的下划線,下列正確的是()

A、{underline:noen}

B、{text-decoration:no underline}

C、{text-decoration:none}

D、{decoration:no underline}

 

 

9.下列屬於HTML5新元素的是____。

A、header

B、footer

C、section

D、nav

E、viewport

 

 

10.關於css sprite的說法,正確的有?

A、減少HTTP請求數,極大地提高頁面加載速度

B、增加圖片信息重復度,提高壓縮比,減少圖片大小

C、維護方便,修改一個圖片不需要重新布局整個圖片,樣式

D、更換風格方便,只需在一張或幾張圖片上修改顏色或樣式即可實現

 

 

11.input元素的 type 屬性的取值可以是()

A、image

B、checkbox

C、select

D、button

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM