当查找一个对象的某个属性时，会先从它自身的属性上查找，

如果找不到的话会从它的_proto_属性上查找，就是这个构造函数的prototype属性，

如果还没找到就会继续在_proto_上查找，直到最顶层，找不到则为undefined，

像这样一层一层去查找形成一个链式的称为原型链

```

new一个函数，中间发生了什么

1.开辟一个内存空间，也就是创建一个空对象，obj={}或obj=new Object()

2.将这个新对象的_proto_属性指向它构造函数的prototype

3.将构造函数this绑定为这个新对象，在空对象上挂在属性和方法(call或apply方式)

4.返回这个新对象

相同：都是改变函数上下文this指向

不同：bind返回的是一个函数，不会立即执行

         传参的不同 apply第二个参数为数组形式

         call apply都是对函数的直接调用

1.作为普通函数直接调用，this指向window

2.作为对象方法去调用的话，this指向调用它的这个对象

3.箭头函数，没有this，this取决于外层离它最近的非箭头函数的this

4.构造函数的this，指向创建这个构造函数的实例对象

1.词法作用域(静态作用域)

  js采用的就是词法作用域

  只有函数可以限定作用域

  函数允许函数访问外层作用域的变量

  函数在定义的时候决定了函数作用域，词法作用域关心函数在何处被定义

2.动态作用域

  函数在调用的时候决定了函数作用域，动态作用域关心函数在何处被调用

变量取值会到创建这个变量的函数作用域中去查找，如果找不到会向上查找，直到查找到全局作用域，这就形成了一个作用域链

1.节流

2.防抖

1.原型链继承

2.构造函数继承

3.组合继承（原型链继承+构造函数继承）

4.原型式继承

5.寄生继承

6.组合寄生继承

定义在一个函数内部的函数，这个内部函数有权访问外部函数作用域的变量

优点：

缺点：

js在运行中的任务，有一套收集，排队，执行的特殊机制，这种机制就是事件循环

遇到同步事件直接执行，遇到异步事件分为宏任务和微任务

如果微任务列表里有任务，先执行微任务再执行宏任务

块级作用域  暂时性死区  能否被修改

没有this  call apply方法修改this无效

没有prototype属性

没有argument

不能使用new  不能用作构造函数，会报错

持续更新中.......

2.setTimeout 误差原因

3.深浅拷贝

4.跨域原因及解决方案

5.css放在头部，js放在尾部

6.css触发bfc

7.webpack plugin和loader区别

8.前端优化

9.协商缓存

10.长列表优化

11.webview交互

12.vue响应式原理

13.原型

14.算法题：数组中有n个元素，排列

EventLoop是计算机系统的运行机制，js就是运行这个机制，因为js是单线程语言，所以一旦遇到一个耗时很长的任务就会卡住，js为了解决这个问题就有了EventLoop

Event Loop是一个程序结构，用于等待和发送消息和事件。

就是在程序中有了两个线程，一个负责应用本身，主线程，另一个负责主线程和其它进程，称为EventLoop

1、js是单线程语言

基本数据类型存放在栈中的简单数据段

引用数据类型存放在堆中的对象

因为定时器是宏任务，如果执行栈的时间大于定时器花费的时间，那么定时器的回调在 宏任务(macrotask) 里，来不及去调用，所有这个时间会有误差。所以就会有误差

宏任务是宿主发起的比如script,setTimeout

css放在头部是因为页面加载html生成dom树的时候就可以同时对dom树进行渲染，防止闪跳，白屏

js放在尾部是因为js会修改dom树，需要一个稳定的dom树

BFC是css的一个布局概念，块级格式化上下文

浮动float不为none的时候

定位为position:absolute和fixed的

display的时候

overflow不为visible

解决浮动父元素坍塌问题

解决自适应布局的问题

解决外边距垂直方向重合问题

loader是文件加载器，运行在nodejs中，并对文件进行打包，压缩转换

plugin是插件，用于拓展webpack的功能

浅拷贝有两种定于，第一种是赋值，第二种是拷贝对象的第一层属性，深层还是一样的

深拷贝是指将对象拷贝一份，无论如何修改都不会改变原有的

响应式原理就是当数据发生改变的时候视图也会跟着更新

VUE是利用了Object.defineProperty的方法里面的setter 与getter方法的观察者模式来实现。

(质数就是在大于1的自然数中，除了1和它本身以外不在有其他因数的自然数)

a:11,b:10

A [] B [""] C [undefined] D [null]

A ['false'] B [false] C[0] D[]

A null B undefined C “hello” D“world”

A "llowo" B "llow" C "llo" D null

A "llowo" B "llow" C "llo" D null

A getYear（）

B getMonth（）

C getDay（）

DgetDate（）

A 基于对象

B 移动端优先

C 事件驱动

D 跨平台

A String

B Float

C Number

D Null

A 任意单个字符

B 任意单个字母

C 任意单个字母、数字、下划线

D 任意单个字母、数学、下划线、$符号

A <javascript>

B <script>

C <scripting>

D <js>

A var s = 'heloe'

B var n = 20

C var x = document.getElementsByTagName('box')

D var y = document.querySelectorAll('ul li')

A document.createElement

B document.createTextNode

C document.getElementById

B document.querySelector

A ele.innerText

B ele.innerHTML

C ele.textContent

D ele.htmlContent

插入排序的算法描述的是一种简单直观的排序算法，它的工作原理是通过构建有序序列，对于未排序的数据，在已排序序列中从后向前扫描，找到对应位置并插入

A.对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给sort函数加一个排序的参数

B.reverse用于对数组数据的倒序排列

C.向数组的最后位置加一个新元素，可以用pop方法

D.unshift方法用于向数组删除第一个元素

A.window.status = "已经选中该文本框"

B.document.status = '已经选中该文本框'

C.window.screen = '已经选中该文本框'

D.document.screen = '已经选中该文本框'

A <input type="button" value="new" onclick="open('new.html','_blank')" />

B. <input type="button" value="new" onclick="window.location = 'new.html'" />

C.<input type="button" value="new " onclick = "location.assign('new.html)">

D. <form target = "_blank" action="new.html">

<input type="submit" value="new" />

</form>

A.<script type="text/javascript">document.write(<h1>hello</h1>)</script>

B.<script type="text/javascript">document.write("<h1>hello</h1>")</script>

C.<script type="text/javascript"><h1>hello</h1></script>

D.<h1><script type="text/javascript">document.write("hello")</script></h1>

以下说法中正确的是（AD）

A.在页面的第二个文本框中输入内容后，当目标离开第二个文本框时，第一个文本框的内容不变

B.在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，将在第二个文本框中复制第一个文本框的内容

C.在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时候，将在第一个文本框中复制第二个文本框的内容

D.在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，第二个文本框的内容不变