34道常見的HTML+CSS面試題（附答案）

眾號【傳智播客博學谷】回復關鍵詞：前端 PS Java(100G) Python(80G) 大數據區塊鏈測試 PPT JS(40g+300教程) HTML 簡歷領取相關學習資料！

一、HTML

1、<image>標簽上title屬性與alt屬性的區別是什么？

alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明的。且長度必須少于100個英文字符或者用戶必須保證替換文字盡可能的短。

這包括那些使用本來就不支持圖像顯示或者圖像顯示被關閉的瀏覽器的用戶，視覺障礙的用戶和使用屏幕閱讀器的用戶等。

title屬性為設置該屬性的元素提供建議性的信息。使用title屬性提供非本質的額外信息。參考《alt和title屬性的區別及應用》

2、分別寫出以下幾個HTML標簽：文字加粗、下標、居中、字體

加粗：<b>、<strong>

下標：<sub>

居中：<center>

字體：<font>、<basefont>、參考《HTML標簽列表》

3、請寫出至少5個html5新增的標簽，并說明其語義和應用場景

section：定義文檔中的一個章節

nav：定義只包含導航鏈接的章節

header：定義頁面或章節的頭部。它經常包含 logo、頁面標題和導航性的目錄。

footer：定義頁面或章節的尾部。它經常包含版權信息、法律信息鏈接和反饋建議用的地址。

aside：定義和頁面內容關聯度較低的內容——如果被刪除，剩下的內容仍然很合理。

參考《HTML5 標簽列表》

4、請說說你對標簽語義化的理解？

a. 去掉或者丟失樣式的時候能夠讓頁面呈現出清晰的結構

b. 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標簽來確定上下文和各個關鍵字的權重；

c. 方便其他設備解析（如屏幕閱讀器、盲人閱讀器、移動設備）以意義的方式來渲染網頁；

d. 便于團隊開發和維護，語義化更具可讀性，遵循W3C標準的團隊都遵循這個標準，可以減少差異化。

5、Doctype作用? 嚴格模式與混雜模式如何區分？它們有何意義?

聲明位于文檔中的最前面，處于標簽之前。告知瀏覽器以何種模式來渲染文檔。

嚴格模式的排版和 JS 運作模式是，以該瀏覽器支持的最高標準運行。

在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。

DOCTYPE不存在或格式不正確會導致文檔以混雜模式呈現。

6、你知道多少種Doctype文檔類型？

標簽可聲明三種 DTD 類型，分別表示嚴格版本、過渡版本以及基于框架的 HTML 文檔。

HTML 4.01 規定了三種文檔類型：Strict、Transitional 以及 Frameset。

XHTML 1.0 規定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。

Standards （標準）模式（也就是嚴格呈現模式）用于呈現遵循最新標準的網頁，

Quirks（包容）模式（也就是松散呈現模式或者兼容模式）用于呈現為傳統瀏覽器而設計的網頁。

7、HTML與XHTML——二者有什么區別

a. XHTML 元素必須被正確地嵌套。

b. XHTML 元素必須被關閉。

c. 標簽名必須用小寫字母。

d. XHTML 文檔必須擁有根元素。

參考《XHTML 與 HTML 之間的差異》

8、html5有哪些新特性、移除了那些元素？

a. HTML5 現在已經不是 SGML 的子集，主要是關于圖像，位置，存儲，多任務等功能的增加。

b. 拖拽釋放(Drag and drop) API

c. 語義化更好的內容標簽（header,nav,footer,aside,article,section）

d. 音頻、視頻API(audio,video)

e. 畫布(Canvas) API

f. 地理(Geolocation) API

g. 本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉后數據不丟失

h. sessionStorage 的數據在頁面會話結束時會被清除

i. 表單控件，calendar、date、time、email、url、search

j. 新的技術webworker, websocket等

移除的元素：

a. 純表現的元素：basefont，big，center, s，strike，tt，u；

b. 對可用性產生負面影響的元素：frame，frameset，noframes；

9、iframe的優缺點？

優點：

a. 解決加載緩慢的第三方內容如圖標和廣告等的加載問題

b. iframe無刷新文件上傳

c. iframe跨域通信

缺點：

a. iframe會阻塞主頁面的Onload事件

b. 無法被一些搜索引擎索引到

c. 頁面會增加服務器的http請求

d. 會產生很多頁面，不容易管理。

參考《iframe的一些記錄》

10、Quirks模式是什么？它和Standards模式有什么區別？

在寫程序時我們也會經常遇到這樣的問題，如何保證原來的接口不變，又提供更強大的功能，尤其是新功能不兼容舊功能時。IE6以前的頁面大家都不會去寫DTD，所以IE6就假定如果寫了DTD，就意味著這個頁面將采用對CSS支持更好的布局，而如果沒有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。

區別：總體會有布局、樣式解析和腳本執行三個方面的區別。

a. 盒模型：在W3C標準中，如果設置一個元素的寬度和高度，指的是元素內容的寬度和高度，而在Quirks 模式下，IE的寬度和高度還包含了padding和border。

b. 設置行內元素的高寬：在Standards模式下，給等行內元素設置wdith和height都不會生效，而在quirks模式下，則會生效。

c. 設置百分比的高度：在standards模式下，一個元素的高度是由其包含的內容來決定的，如果父元素沒有設置百分比的高度，子元素設置一個百分比的高度是無效的用

d. 設置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會失效。

11、請闡述table的缺點

a. 太深的嵌套，比如table>tr>td>h3，會導致搜索引擎讀取困難，而且，最直接的損失就是大大增加了冗余代碼量。

b. 靈活性差，比如要將tr設置border等屬性，是不行的，得通過td

c. 代碼臃腫，當在table中套用table的時候，閱讀代碼會顯得異常混亂

d. 混亂的colspan與rowspan，用來布局時，頻繁使用他們會造成整個文檔順序混亂。

e. 不夠語義

參考《為什么說table表格布局不好？》

12、簡述一下src與href的區別

src用于替換當前元素；href用于在當前文檔和引用資源之間確立聯系。

src是source的縮寫，指向外部資源的位置，指向的內容將會嵌入到文檔中當前標簽所在位置

href是Hypertext Reference的縮寫，指向網絡資源所在位置，建立和當前元素（錨點）或當前文檔（鏈接）之間的鏈接

公眾號【傳智播客博學谷】回復關鍵詞：前端 PS Java Python 大數據區塊鏈測試 PPT JS HTML 簡歷領取相關學習資料！

.HTML 指的是？（）

A.超文本標記語言（Hyper Text Markup Language）

B.家庭工具標記語言（Home Tool Markup Language）

C.超鏈接和文本標記語言（Hyperlinks and Text Markup Language）

2.Web 標準的制定者是？（）

A.微軟（Microsoft）

B.萬維網聯盟（W3C）

C.網景公司（Netscape）

3.在下列的 HTML 中，哪個是最大的標題？（）

A.<h6>

B.<head>

C.<heading>

D.<h1>

4.在下列的 HTML 中，哪個可以插入折行？（）

A.<br>

B.<lb>

C.<break>

5.在下列的 HTML 中，哪個可以添加背景顏色？（）

A.<body color="yellow">

B.<background>yellow</background>

C.<body bgcolor="yellow">

6.請選擇產生粗體字的 HTML 標簽：（）

A.<bold>

B.<bb>

C.<b>

D.<bld>

7.請選擇產生斜體字的 HTML 標簽：（）

A.<i>

B.<italics>

C.<ii>

8.在下列的 HTML 中，哪個可以產生超鏈接？（）

A.<a url="http://www.w3cschool.cn">W3Cschool.cn</a>

B.<a >W3Cschool</a>

C.<a>http://www.w3cschool.cn</a>

D.<a name="http://www.w3cschool.cn">W3Cschool.cn</a>

9.如何制作電子郵件鏈接？（）

A.<a href="xxx@yyy">

B.<mail href="xxx@yyy">

C.<a href="mailto:xxx@yyy">

D.<mail>xxx@yyy</mail>

10.如何在新窗口打開鏈接？（）

A.<a href="url" new>

B.<a href="url" target="_blank">

C.<a href="url" target="new">

11.請選擇可以使單元格中的內容進行左對齊的正確 HTML 標簽：（）

A.<td align="left">

B.<td valign="left">

C.<td leftalign>

D.<tdleft>

13.如何產生帶有圓點列表符號的列表？（）

A.<dl>

B.<list>

C.<ol>

D.<ul>

14.在下列的 HTML 中，哪個可以產生復選框？（）

A.<input type="check">

B.<checkbox>

C.<input type="checkbox">

D.<check>

15.在下列的 HTML 中，哪個可以產生文本框？（）

A.<input type="textfield">

B.<textinput type="text">

C.<input type="text">

D.<textfield>

16.在下列的 HTML 中，哪個可以產生下拉列表？（）

A.<list>

B.<input type="list">

C.<input type="dropdown">

D.<select>

17.在下列的 HTML 中，哪個可以產生文本區（textarea）？（）

A.<textarea>

B.<input type="textarea">

C.<input type="textbox">

18.在下列的 HTML 中，哪個可以插入背景圖像？（）

A.<body background="background.gif">

B.<background img="background.gif">

C.<img src="background.gif" background>

19.以下選項中，哪個全部都是表格標簽？（）

A.<table><head><tfoot>

B.<table><tr><td>

C.<table><tr><tt>

D.<thead><body><tr>

20.在下列的 HTML 中，哪個可以插入圖像？（）

A.<img href="image.gif">

B.<image src="image.gif">

C.<img src="image.gif">

D.<img>image.gif</img>

請把你的答案寫在留言區。^_^

易楊說：https://juejin.im/post/5d23e750f265da1b855c7bbe

第 1 題：（滴滴、餓了么）寫 React / Vue 項目時為什么要在列表組件中寫 key，其作用是什么？

第 2 題：['1', '2', '3'].map(parseInt) 運行結果，解釋原因?

第 3 題：（挖財）什么是防抖和節流？有什么區別？如何實現？

第 4 題：介紹下 Set、Map、WeakSet 和 WeakMap 的區別？

第 5 題：介紹下深度優先遍歷和廣度優先遍歷，如何實現？

第 6 題：請分別用深度優先思想和廣度優先思想實現一個拷貝函數？

第 7 題：ES5/ES6 的繼承除了寫法以外還有什么區別？

第 8 題：setTimeout、Promise、Async/Await 的區別

第 9 題：（頭條、微醫）Async/Await 如何通過同步的方式實現異步

第 10 題：（頭條）異步筆試題

請寫出下面代碼的運行結果

第 11 題：（攜程）算法手寫題

已知如下數組：

var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];編寫一個程序將數組扁平化去并除其中重復部分數據，最終得到一個升序且不重復的數組

第 12 題：（滴滴、挖財、微醫、海康）JS 異步解決方案的發展歷程以及優缺點。

第 13 題：（微醫）Promise 構造函數是同步執行還是異步執行，那么 then 方法呢？

第 14 題：（兌吧）情人節福利題，如何實現一個 new

第 15 題：（網易）簡單講解一下http2的多路復用

第 16 題：談談你對TCP三次握手和四次揮手的理解

第 17 題：A、B 機器正常連接后，B 機器突然重啟，問 A 此時處于 TCP 什么狀態

如果A 與 B 建立了正常連接后，從未相互發過數據，這個時候 B 突然機器重啟，問 A 此時處于 TCP 什么狀態？如何消除服務器程序中的這個狀態？（超綱題，了解即可）

第 18 題：（微醫）React 中 setState 什么時候是同步的，什么時候是異步的？

第 19 題：React setState 筆試題，下面的代碼輸出什么？

第 20 題：介紹下 npm 模塊安裝機制，為什么輸入 npm install 就可以自動安裝對應的模塊？

第 21 題：有以下 3 個判斷數組的方法，請分別介紹它們之間的區別和優劣

Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()

第 22 題：介紹下重繪和回流（Repaint & Reflow），以及如何進行優化

第 23 題：介紹下觀察者模式和訂閱-發布模式的區別，各自適用于什么場景

第 24 題：聊聊 Redux 和 Vuex 的設計思想

第 25 題：說說瀏覽器和 Node 事件循環的區別

第 26 題：介紹模塊化發展歷程

可從IIFE、AMD、CMD、CommonJS、UMD、webpack(require.ensure)、ES Module、<script type="module"> 這幾個角度考慮。

第 27 題：全局作用域中，用 const 和 let 聲明的變量不在 window 上，那到底在哪里？如何去獲取？。

第 28 題：cookie 和 token 都存放在 header 中，為什么不會劫持 token？

第 29 題：聊聊 Vue 的雙向數據綁定，Model 如何改變 View，View 又是如何改變 Model 的

第 30 題：兩個數組合并成一個數組

請把兩個數組 ['A1', 'A2', 'B1', 'B2', 'C1', 'C2', 'D1', 'D2'] 和 ['A', 'B', 'C', 'D']，合并為 ['A1', 'A2', 'A', 'B1', 'B2', 'B', 'C1', 'C2', 'C', 'D1', 'D2', 'D']。

第 31 題：改造下面的代碼，使之輸出0 - 9，寫出你能想到的所有解法。

for (var i = 0; i< 10; i++){
	setTimeout(() => {
		console.log(i);
 }, 1000)
}

第 32 題：Virtual DOM 真的比操作原生 DOM 快嗎？談談你的想法。

第 33 題：下面的代碼打印什么內容，為什么？

var b = 10;
(function b(){
 b = 20;
 console.log(b); 
})();

第 34 題：簡單改造下面的代碼，使之分別打印 10 和 20。

var b = 10;
(function b(){
 b = 20;
 console.log(b); 
})();

第 35 題：瀏覽器緩存讀取規則

可以分成 Service Worker、Memory Cache、Disk Cache 和 Push Cache，那請求的時候 from memory cache 和 from disk cache 的依據是什么，哪些數據什么時候存放在 Memory Cache 和 Disk Cache中？

第 36 題：使用迭代的方式實現 flatten 函數。

第 37 題：為什么 Vuex 的 mutation 和 Redux 的 reducer 中不能做異步操作？

第 38 題：（京東）下面代碼中 a 在什么情況下會打印 1？

var a = ?;
if(a == 1 && a == 2 && a == 3){
 	console.log(1);
}

第 39 題：介紹下 BFC 及其應用。

第 40 題：在 Vue 中，子組件為何不可以修改父組件傳遞的 Prop

如果修改了，Vue 是如何監控到屬性的修改并給出警告的。

第 41 題：下面代碼輸出什么

var a = 10;
(function () {
 console.log(a)
 a = 5
 console.log(window.a)
 var a = 20;
 console.log(a)
})()

第 42 題：實現一個 sleep 函數

比如 sleep(1000) 意味著等待1000毫秒，可從 Promise、Generator、Async/Await 等角度實現

第 43 題：使用 sort() 對數組 [3, 15, 8, 29, 102, 22] 進行排序，輸出結果

第 44 題：介紹 HTTPS 握手過程

第 45 題：HTTPS 握手過程中，客戶端如何驗證證書的合法性

第 46 題：輸出以下代碼執行的結果并解釋為什么

var obj = {
 '2': 3,
 '3': 4,
 'length': 2,
 'splice': Array.prototype.splice,
 'push': Array.prototype.push
}
obj.push(1)
obj.push(2)
console.log(obj)

第 47 題：雙向綁定和 vuex 是否沖突

第 48 題：call 和 apply 的區別是什么，哪個性能更好一些

第 49 題：為什么通常在發送數據埋點請求的時候使用的是 1x1 像素的透明 gif 圖片？

第 50 題：（百度）實現 (5).add(3).minus(2) 功能。

例： 5 + 3 - 2，結果為 6

第 51 題：Vue 的響應式原理中 Object.defineProperty 有什么缺陷？

為什么在 Vue3.0 采用了 Proxy，拋棄了 Object.defineProperty？

第 52 題：怎么讓一個 div 水平垂直居中

第 53 題：輸出以下代碼的執行結果并解釋為什么

var a = {n: 1};
var b = a;
a.x = a = {n: 2};
console.log(a.x) 	
console.log(b.x)

第 54 題：冒泡排序如何實現，時間復雜度是多少，還可以如何改進？

第 55 題：某公司 1 到 12 月份的銷售額存在一個對象里面

如下：{1:222, 2:123, 5:888}，請把數據處理為如下結構：[222, 123, null, null, 888, null, null, null, null, null, null, null]。

第 56 題：要求設計 LazyMan 類，實現以下功能。

LazyMan('Tony');
// Hi I am Tony
LazyMan('Tony').sleep(10).eat('lunch');
// Hi I am Tony
// 等待了10秒...
// I am eating lunch
LazyMan('Tony').eat('lunch').sleep(10).eat('dinner');
// Hi I am Tony
// I am eating lunch
// 等待了10秒...
// I am eating diner
LazyMan('Tony').eat('lunch').eat('dinner').sleepFirst(5).sleep(10).eat('junk food');
// Hi I am Tony
// 等待了5秒...
// I am eating lunch
// I am eating dinner
// 等待了10秒...
// I am eating junk food

第 57 題：分析比較 opacity: 0、visibility: hidden、display: none 優劣和適用場景。

第 58 題：箭頭函數與普通函數（function）的區別是什么？構造函數（function）可以使用 new 生成實例，那么箭頭函數可以嗎？為什么？

第 59 題：給定兩個數組，寫一個方法來計算它們的交集。

例如：給定 nums1 = [1, 2, 2, 1]，nums2 = [2, 2]，返回 [2, 2]。

第 60 題：已知如下代碼，如何修改才能讓圖片寬度為 300px ？注意下面代碼不可修改。

<img src="1.jpg" style="width:480px!important;”>

第 61 題：介紹下如何實現 token 加密

第 62 題：redux 為什么要把 reducer 設計成純函數

第 63 題：如何設計實現無縫輪播

第 64 題：模擬實現一個 Promise.finally

第 65 題： a.b.c.d 和 a['b']['c']['d']，哪個性能更高？

第 66 題：ES6 代碼轉成 ES5 代碼的實現思路是什么

第 67 題：數組編程題

隨機生成一個長度為 10 的整數類型的數組，例如 [2, 10, 3, 4, 5, 11, 10, 11, 20]，將其排列成一個新數組，要求新數組形式如下，例如 [[2, 3, 4, 5], [10, 11], [20]]。

第 68 題：如何解決移動端 Retina 屏 1px 像素問題

第 69 題：如何把一個字符串的大小寫取反（大寫變小寫小寫變大寫），例如 ’AbC' 變成 'aBc' 。

第 70 題：介紹下 webpack 熱更新原理，是如何做到在不刷新瀏覽器的前提下更新頁面的

第 71 題：實現一個字符串匹配算法，從長度為 n 的字符串 S 中，查找是否存在字符串 T，T 的長度是 m，若存在返回所在位置。

第 72 題：為什么普通 for 循環的性能遠遠高于 forEach 的性能，請解釋其中的原因。

第 73 題：介紹下 BFC、IFC、GFC 和 FFC

第 74 題：使用 JavaScript Proxy 實現簡單的數據綁定

第 75 題：數組里面有10萬個數據，取第一個元素和第10萬個元素的時間相差多少

第 76 題：輸出以下代碼運行結果

// example 1
var a={}, b='123', c=123; 
a[b]='b';
a[c]='c'; 
console.log(a[b]);
---------------------
// example 2
var a={}, b=Symbol('123'), c=Symbol('123'); 
a[b]='b';
a[c]='c'; 
console.log(a[b]);
---------------------
// example 3
var a={}, b={key:'123'}, c={key:'456'}; 
a[b]='b';
a[c]='c'; 
console.log(a[b]);

第 77 題：算法題「旋轉數組」

給定一個數組，將數組中的元素向右移動 k 個位置，其中 k 是非負數。

示例 1：

輸入: [1, 2, 3, 4, 5, 6, 7] 和 k = 3
輸出: [5, 6, 7, 1, 2, 3, 4]
解釋:
向右旋轉 1 步: [7, 1, 2, 3, 4, 5, 6]
向右旋轉 2 步: [6, 7, 1, 2, 3, 4, 5]
向右旋轉 3 步: [5, 6, 7, 1, 2, 3, 4]

示例 2：

輸入: [-1, -100, 3, 99] 和 k = 2
輸出: [3, 99, -1, -100]
解釋: 
向右旋轉 1 步: [99, -1, -100, 3]
向右旋轉 2 步: [3, 99, -1, -100]

第 78 題：Vue 的父組件和子組件生命周期鉤子執行順序是什么

第 79 題：input 搜索如何防抖，如何處理中文輸入

第 80 題：介紹下 Promise.all 使用、原理實現及錯誤處理

第 81 題：打印出 1 - 10000 之間的所有對稱數

例如：121、1331 等

第 82 題：周一算法題之「移動零」

給定一個數組 nums，編寫一個函數將所有 0 移動到數組的末尾，同時保持非零元素的相對順序。
示例:

輸入: [0,1,0,3,12]
輸出: [1,3,12,0,0]

說明:

必須在原數組上操作，不能拷貝額外的數組。
盡量減少操作次數。

第 83 題：var、let 和 const 區別的實現原理是什么

第 84 題：請實現一個 add 函數，滿足以下功能。

add(1); 			// 1
add(1)(2); 	// 3
add(1)(2)(3)；// 6
add(1)(2, 3); // 6
add(1, 2)(3); // 6
add(1, 2, 3); // 6

第 85 題：react-router 里的 <Link> 標簽和 <a> 標簽有什么區別

如何禁掉 <a> 標簽默認事件，禁掉之后如何實現跳轉。

第 86 題：（京東、快手）周一算法題之「兩數之和」

給定一個整數數組和一個目標值，找出數組中和為目標值的兩個數。

你可以假設每個輸入只對應一種答案，且同樣的元素不能被重復利用。

示例：

給定 nums = [2, 7, 11, 15], target = 9
因為 nums[0] + nums[1] = 2 + 7 = 9
所以返回 [0, 1]

第 87 題：在輸入框中如何判斷輸入的是一個正確的網址。

第 88 題：實現 convert 方法，把原始 list 轉換成樹形結構，要求盡可能降低時間復雜度

以下數據結構中，id 代表部門編號，name 是部門名稱，parentId 是父部門編號，為 0 代表一級部門，現在要求實現一個 convert 方法，把原始 list 轉換成樹形結構，parentId 為多少就掛載在該 id 的屬性 children 數組下，結構如下：

// 原始 list 如下
let list =[
 {id:1,name:'部門A',parentId:0},
 {id:2,name:'部門B',parentId:0},
 {id:3,name:'部門C',parentId:1},
 {id:4,name:'部門D',parentId:1},
 {id:5,name:'部門E',parentId:2},
 {id:6,name:'部門F',parentId:3},
 {id:7,name:'部門G',parentId:2},
 {id:8,name:'部門H',parentId:4}
];
const result = convert(list, ...);
// 轉換后的結果如下
let result = [
 {
 id: 1,
 name: '部門A',
 parentId: 0,
 children: [
 {
 id: 3,
 name: '部門C',
 parentId: 1,
 children: [
 {
 id: 6,
 name: '部門F',
 parentId: 3
 }, {
 id: 16,
 name: '部門L',
 parentId: 3
 }
 ]
 },
 {
 id: 4,
 name: '部門D',
 parentId: 1,
 children: [
 {
 id: 8,
 name: '部門H',
 parentId: 4
 }
 ]
 }
 ]
 },
 ···
];

第 89 題：設計并實現 Promise.race()

第 90 題：實現模糊搜索結果的關鍵詞高亮顯示

第 91 題：介紹下 HTTPS 中間人攻擊

第 92 題：已知數據格式，實現一個函數 fn 找出鏈條中所有的父級 id

const value = '112'
const fn = (value) => {
...
}
fn(value) // 輸出 [1， 11， 112]

第 93 題：給定兩個大小為 m 和 n 的有序數組 nums1 和 nums2。請找出這兩個有序數組的中位數。要求算法的時間復雜度為 O(log(m+n))。

示例 1：

nums1 = [1, 3]
nums2 = [2]

中位數是 2.0

示例 2：

nums1 = [1, 2]
nums2 = [3, 4]

中位數是(2 + 3) / 2 = 2.5

第 94 題：vue 在 v-for 時給每項元素綁定事件需要用事件代理嗎？為什么？

第 95 題：模擬實現一個深拷貝，并考慮對象相互引用以及 Symbol 拷貝的情況

第 96 題：介紹下前端加密的常見場景和方法

第 97 題：React 和 Vue 的 diff 時間復雜度從 O(n^3) 優化到 O(n) ，那么 O(n^3) 和 O(n) 是如何計算出來的？

第 98 題：（京東）寫出如下代碼的打印結果

function changeObjProperty(o) {
 o.siteUrl = "http://www.baidu.com"
 o = new Object()
 o.siteUrl = "http://www.google.com"
} 
let webSite = new Object();
changeObjProperty(webSite);
console.log(webSite.siteUrl);

第 99 題：（bilibili）編程算法題

用 JavaScript 寫一個函數，輸入 int 型，返回整數逆序后的字符串。如：輸入整型 1234，返回字符串“4321”。要求必須使用遞歸函數調用，不能用全局變量，輸入函數必須只有一個參數傳入，必須返回字符串。

第 100 題：（京東）請寫出如下代碼的打印結果

在線咨詢

上一篇： CSS制作下雨動畫效果教程，你學會了嗎？
下一篇：jQuery文件下載方法及引入HTML語法

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

34道常見的HTML+CSS面試題（附答案）

您的項目需求