|
|
前言
?? 作者主頁：https://hongweblog.blog.csdn.net/
?? 簡介：沒有什么遠大的理想，做自己喜歡的事情就好~
?? 掃碼關注微信公眾號： >>> Dianc小助手 <<<
?? 前端學習路線圖、面試刷題、二次元壁紙珍藏，Dianc小助手后續會持續完善，
?? 大家的積極參與和討論，是Dianc推送更多優質內容的動力~
目錄
- 前言
- 第一題
- 原始碼：
- 解題思路
- 第二題
- 答案：
- 熱門文章推薦：
前言：
題目來源于騰訊課堂的渡一教育的題目9-23-24，
為了方便做題，不會像之前那樣直接放圖片，這次我會把原始碼發出來（如果不是選擇題，我會直接放出答案），小伙伴們如果做不出可以先試著輸出一下，如果不懂可以看看我自己總結的解題思路，
第一題
說出下列的執行結果，并解釋原因
原始碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const num = {
a: 10,
add() {
return this.a + 2;
},
reduce: () => this.a - 2
};
console.log(num.add());
console.log(num.reduce());
</script>
</body>
</html>
解題思路
add（）函式輸出12應該沒什么問題，關鍵就在reduce輸出什么，仔細觀察會發現使用的并不是正常函式，而是箭頭函式，箭頭函式的this指向最近的父級，再往上看就只有window了，所以window.a是udefined，那么減去一個非數將得到NAN對吧，
第二題
說一下對css盒模型的理解
答案：
css盒子模型 又稱框模型 (Box Model) ，包含了元素內容（content）、內邊距（padding）、邊框（border）、外邊距（margin）幾個要素，
盒模型有兩種：標準盒模型和IE盒模型，
標準盒模型中width和height指的是內容區域的寬度和高度，增加內邊距、邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的總尺寸；但在IE6瀏覽器的width不是內容的寬度，而是內容、內邊距和邊框的寬總和；IE的content部分包含了border和padding，
|
|
熱門文章推薦：
🥇 這樣配置學習VSCode，寫前端代碼想不快都難（??精心準備多動圖，建議收藏噢~??）
🥈 還不會搭建個人博客?手把手教你用Wordpress搭建只屬于你的世界~
🥉 Hexo的準備作業（手把手教你搭建Node.js/Git環境）
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/303917.html
標籤：其他
下一篇：字串函式實作和講解