不點藍字，我們哪來故事？

1、scrollWidth,clientWidth,offsetWidth的區別

scrollWidth：對象的實際內容的寬度，不包邊線寬度，會隨對象中內容超過可視區后而變大。clientWidth：對象內容的可視區的寬度，不包滾動條等邊線，會隨對象顯示大小的變化而改變。offsetWidth：對象整體的實際寬度，包滾動條等邊線，會隨對象顯示大小的變化而改變。

2、怎么讓Chrome支持小于12px的文字？

.size?{<div?class="size">我是十號字

3、寫出最簡單的去重方式

//es6的new?Set()方式

4、數組對象全等比較

'abc'?===?

5、變量提升

var?name?=?

理解這個，我們可以先看下面的題目：

var?x?=?

相當于

var?x?=?

所以上面的自調用函數可以如下理解：

var?name?=?

輸出結果：

Goodbye?Jack

6、局部變量和全局變量

function(){

輸出結果：

1
Uncaught?ReferenceError:?x?is?not?defined

7、看以下代碼輸出什么？(一道經典面試題)

//?這道題涉及了異步、作用域、閉包

輸出結果：

4?4?4

8、Javascript的基本數據類型

undefined?

9、console.log(8+ '9')輸出什么？undefinde==null？

console.log(

10、判斷一個字符串中出現次數最多的字符，統計這個次數

var?str?=?

11、JS 對象(Object)和字符串(String)互轉方法

//?字符串轉化為?對象

12、var boo = '11' + 2 - '1'輸出什么

var?boo?=?

13、css中box-sizing可以設置哪些屬性？

• content-box 寬度和高度分別應用到元素的內容框。在寬度和高度之外繪制元素的內邊距和邊框
• border-box 為元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪制
• inherit 規定應從父元素繼承 box-sizing 屬性的值

14、Javascript的事件流模型都有什么?

“事件冒泡”：事件開始由最具體的元素接受，然后逐級向上傳播

“事件捕捉”：事件由最不具體的節點先接收，然后逐級向下，一直到最具體的

“DOM事件流”：三個階段：事件捕捉，目標階段，事件冒泡

15、看下列代碼,輸出什么?解釋原因。

var?a?=?

輸出結果：object 解釋：null是一個只有一個值的數據類型，這個值就是null。表示一個空指針對象，所以用typeof檢測會返回”object”。

16、target、currentTarget的區別？

currentTarget當前所綁定事件的元素

target當前被點擊的元素

17、export和export default的區別？

export?

18、請用代碼寫出(今天是星期 x)其中 x 表示當天是星期幾,如果當天是星期一,輸出應該是"今天是星期一"

var?days?=?[

19、如何判斷一個對象是否為數組

如果瀏覽器支持 Array.isArray()可以直接判斷否則需進行必要判斷

function?isArray(arg)?{

20、forEach、for in、for of三者區別

forEach更多的用來遍歷數組
for?in?一般常用來遍歷對象或json
for?of數組對象都可以遍歷，遍歷對象需要通過和Object.keys()
for?in循環出的是key，for?of循環出的是value

21、使用結構賦值，實現兩個變量的值的交換

let?a?=?1;

感謝大家

• 愛心三連擊 「點贊，轉發，在看」，您的點贊，是我最大的動力
• 關注公眾號「前端小喵」，有更多好文推薦哦！
• 閱讀往期推薦好文

●從基礎開始學起，http協議那些事

●不容錯過！css陰影趣味用法大全～

●金九銀十必看前端面試基礎(一)

●值得收藏的前端必備javascript，this指向詳解～

總結

以上是生活随笔為你收集整理的json面试题_21道前端面试题，值得收藏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。