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

時間 2019-11-19

標籤 2019年網易前端工程師面試答案欄目快樂工作简体版

原文原文鏈接

1.CSS 盒子模型中（）是透明的，這部分能夠顯示背景（）javascript

A、paddingcss

B、marginhtml

C、border前端

D、contentjava

參考答案：Ajquery

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

margin清除周圍的元素（外邊框）的區域。margin沒有背景顏色，是徹底透明的ajax

-編程

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 間的代碼片斷是作什麼用的？

<meta name="viewport" content="width=device-width, initial-scale=1">

HTML

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

B、表示支持響應式設計

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

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

參考答案：B

答案解析：

<pre class="best-text mb-10">C

width - viewport的寬度 height - viewport的高度

initial-scale - 初始的縮放比例

minimum-scale - 容許用戶縮放到的最小比例

maximum-scale - 容許用戶縮放到的最大比例

user-scalable - 用戶是否能夠手動縮放

5.下列定義的css中，哪一個權重是最低的？

A、#game div.name

B、#game .name

C、#game div

D、#game .name span

參考答案：C

答案解析：最高讚的答案並不許確。優先級是：內聯樣式 > id 選擇器 > 類選擇器 = 屬性選擇器 = 僞類選擇器 > 標籤選擇器 = 僞元素選擇器。多個選擇器組合的時候，不該該簡單地給這些選擇器分配權值，而後相加比較大小。由於上面所說的優先級是不能越級的，比方說 1 個 id 選擇器能頂你 n 個類選擇器...因此要逐級比較，同級的就比較數量，數量多的優先級高。固然，!important 的優先級最高。

6HTTP的缺點與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>

參考答案：D

答案解析：略

9.請問以上程序的輸出是（）

function Foo(){

     var i=0;

     return function(){

         document.write(i++);

     }}var f1=Foo(),

f2=Foo();f1();f1();f2();

JavaScript

請問以上程序的輸出是（）

A、010

B、012

C、000

D、011

參考答案：A

答案解析：

1.當函數被建立時，內部[scope]屬性被存儲，在這個屬性中保存一個包含全局變量對象的做用域鏈。

2.當函數被調用時，會建立一個執行環境及相應的做用域鏈，argument和實參爲其進行初始化。

這裏f1()函數和f2()函數在調用時會建立兩個執行環境，保存各自的變量對象，結果是沒有關係的。而同一個函數在屢次調用時返回值會被保存在同一個變量對象中。

10.網頁執行如下JavaScript代碼，該代碼在網頁執行結果彈出結果爲？va

r course = ['Java', 'JSP', 'Oracle', 'Spring'];

course[10] = 'jQuery';

course.push('PHP');alert(course.length);

JavaScript

A、0

B、6

C、11

D、12

參考答案：D

答案解析：數組的 length 屬性老是比數組中定義的最後一個元素的下標大 1

11.下列哪一個樣式定義後,內聯(非塊狀)元素能夠定義寬度和高度

A、display:inline

B、display:none

C、display:block

D、display:inherit

參考答案：C

答案解析：

值

描述

none

此元素不會被顯示。

block

此元素將顯示爲塊級元素，此元素先後會帶有換行符。

inline

默認。此元素會被顯示爲內聯元素，元素先後沒有換行符。

inline-block

行內塊元素。（CSS2.1 新增的值）

list-item

此元素會做爲列表顯示。

run-in

此元素會根據上下文做爲塊級元素或內聯元素顯示。

compact

CSS 中有值 compact，不過因爲缺少普遍支持，已經從 CSS2.1 中刪除。

marker

CSS 中有值 marker，不過因爲缺少普遍支持，已經從 CSS2.1 中刪除。

table

此元素會做爲塊級表格來顯示（相似），表格先後帶有換行符。

inline-table

此元素會做爲內聯表格來顯示（相似），表格先後沒有換行符。）。）。）。）。）。）

）
table-row-group	此元素會做爲一個或多個行的分組來顯示（相似
table-header-group	此元素會做爲一個或多個行的分組來顯示（相似
table-footer-group	此元素會做爲一個或多個行的分組來顯示（相似
table-row	此元素會做爲一個表格行顯示（相似

table-column-group	此元素會做爲一個或多個列的分組來顯示（相似
table-column	此元素會做爲一個單元格列顯示（相似
table-cell	此元素會做爲一個表格單元格顯示（相似	和	）
table-caption	此元素會做爲一個表格標題顯示（相似
inherit	規定應該從父元素繼承 display 屬性的值。
table-row	此元素會做爲一個表格行顯示（相似
table-column-group	此元素會做爲一個或多個列的分組來顯示（相似

12.以下代碼執行後在控制檯將輸出哪些字母？swi

tch (true) {

    case 1:

        console.log('A')

    case ['']:

        console.log('B')

    case 'true':

        console.log('C')

    default:

        console.log('D')} 

JavaScript

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());});});

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>

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來選擇要使用的呈現方法

2、多選題（共11題，每題5分）

1.請選出正確的答案

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

B、一個class能夠在一個網頁中屢次使用

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

D、同一個id或class，均可以在一個網頁中出現屢次

參考答案：B,C,D

答案解析：

HTML講求：發送時嚴謹，接收時包容，id惟一規範這個並非徹底硬性的。雖然id惟一是規範，可是A答案這種說法，我的以爲不是很正確

2下列JS框架中，系列不包含開箱即用的UI控件和小部件的是（）

A、MooTools

B、ExtJS

C、jQuery

D、YUI

參考答案：A,C

答案解析：

A、C

http://www.w2bc.com/article/138643.

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

A、less

B、sass

C、bass

D、stylus

參考答案：A,B,D

答案解析：CSS 預編譯工具備stylus，sass，less 爲何會出現CSS預編譯器這個東西呢？這就要談到CSS的不足了：沒有變量(新的規範已經支持了)，不支持嵌套，編程能夠力較弱，代碼復使用性差。這些不足致使寫出來的CSS維護性極差，同時包含大量重複性的代碼；爲了彌補這些不足之處，CSS預編譯器應運而生。而談到CSS預編譯器，就離不開這三劍客Sass、Less、Stylus。歷史上，最早登場的是Sass，因爲出現最先，因此也是最完善的，有各類豐富的功能夠；Less的出現伴隨着Bootstrap的流行，於是也取得大量使用戶；最後是Stylus，由TJ大神開發(敬大神)，由於其簡潔的語法，更像是一門編程語言，寫起來很是Cool。因此下面咱們來作一個簡單的比照。

4.請選出全部的置換元素（）

A、img

B、input

C、textarea

D、select

參考答案：A,B,C,D

答案解析：

a) 置換元素：瀏覽器根據元素的標籤和屬性，來決定元素的具體顯示內容。
例如：瀏覽器會根據![]()標籤的src屬性的值來讀取圖片信息並顯示出來，而若是查看(x)html代碼，則看不到圖片的實際內容；標籤的type屬性來決定是顯示輸入框，仍是單選按鈕等。 (x)html中的![]()、、

置換元素在其顯示中生成了框，這也就是有的內聯元素可以設置寬高的緣由。

b) 不可替換元素：(x)html 的大多數元素是不可替換元素，即其內容直接表現給用戶端（如瀏覽器）。

例如： label中的內容標籤是一個非置換元素，文字label中的內容」將全被顯示。

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

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

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

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

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

參考答案：A,B,D

答案解析：（1）可讀性方面：基本相同，XML的可讀性比較好；（2）可擴展性方面：都具備良好的擴展性；（3）編碼難度方面：相對而言，JSON的編碼比較容易；（4）解碼難度：JSON的解碼難度基本爲零，XML須要考慮子節點和父節點；（5）數據體積方面：JSON相對於XML來說，數據體積小，傳遞的速度比較快；（6）數據交互方面：JSON與javascript的交互更加方便，更容易解析處理，更好的數據交互；（7）數據描述方面：XML對數據描述性比較好；（8）傳輸速度方面：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}