不点蓝字，我们哪来故事？

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(){

输出结果：

1Uncaught 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 一般常用来遍历对象或jsonfor of数组对象都可以遍历，遍历对象需要通过和Object.keys()for in循环出的是key，for of循环出的是value

21、使用结构赋值，实现两个变量的值的交换

let a = 1;

感谢大家

• 爱心三连击 「点赞，转发，在看」，您的点赞，是我最大的动力
• 关注公众号「前端小喵」，有更多好文推荐哦！
• 阅读往期推荐好文

●从基础开始学起，http协议那些事

●不容错过！css阴影趣味用法大全～

●金九银十必看前端面试基础(一)

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