1、DNS域名解析
DNS解析的过程就是寻找哪台机器上有你需要资源的过程。当你在浏览器中输入一个地址时，例如http://www.baidu.com，其实不是百度网站真正意义上的地址。互联网上每一台计算机的唯一标识是它的IP地址，但是IP地址并不方便记忆。DNS解析是一个递归查询的过程，以查找http://www.google.com的IP地址过程为例。首先在本地域名服务器中查询IP地址，如果没有找到的情况下，本地域名服务器会向根域名服务器发送一个请求，如果根域名服务器也不存在该域名时，本地域名会向com顶级域名服务器发送一个请求，依次类推下去。直到最后本地域名服务器得到google的IP地址并把它缓存到本地，供下次查询使用。所有网址真正的解析过程为: . -> .com -> google.com. -> www.google.com.
同源： 协议、域名、端口都一样
2、为什么匿名函数没有取得其包含作用域（外部作用域）的this对象呢？
每个函数被调用时，其活动对象都会自动取得两个特殊变量：this和arguments。内部函数在搜索这两个变量时，只会搜索到其活动对象为止，因此永远不可能直接访问外部函数中的这两个变量。 《Javascript高级程序设计》
那么，如何获得外部作用域中的this呢？
可以把外部作用域中的this保存在闭包可以访问到的变量里。如下：
var name = "The Window";
var object = {
name: "My object",
getNameFunc: function() {
var that = this; // 将getNameFunc()的this保存在that变量中
var age = 15;
return function() {
return that.name;
};
}
}
alert(object.getNameFunc()()); // "My object"
a） 如果你把一个函数当成参数传递到另一个函数的时候，也会发生隐式丢失的问题，且与包裹着它的函数的this指向无关。在非严格模式下，会把该函数的this绑定到window上，严格模式下绑定到undefined。
function foo () {
console.log(this.a)
}
function doFoo (fn) {
console.log(this)
fn()
}
var obj = { a: 1, foo }
var a = 2
var obj2 = { a: 3, doFoo }
obj2.doFoo(obj.foo)
现在调用obj2.doFoo()函数，里面的this指向的应该是obj2，因为是obj2调用的它。
但是obj.foo()打印出来的a依然是2，也就是window下的。
执行结果为：
{ a:3, doFoo: f }
2
b) 而对于setTimeout中的函数，这里存在隐式绑定的隐式丢失，也就是当我们将函数作为参数传递时会被隐式赋值，回调函数丢失this绑定，因此这时候setTimeout中的函数内的this是指向window的。
这种情况我们就可以使用 call、apply 或者bind来改变函数中this的指向
setTimeout(function () {
console.log(this)
console.log(this.a)
}.call(obj1), 0)
3、如果call、apply、bind接收到的第一个参数是空或者null、undefined的话，则会忽略这个参数。
forEach、map、filter函数的第二个参数也是能显式绑定this的
4、图片懒加载
getBoundingClientRect返回值是一个 DOMRect 对象，这个对象是由该元素的 getClientRects() 方法返回的一组矩形的集合, 即：是与该元素相关的CSS 边框集合 。DOMRect 对象包含了一组用于描述边框的只读属性——left、top、right和bottom，单位为像素。除了 width 和 height 外的属性都是相对于视口的左上角位置而言的。
有了这个API后我们很同意获取图片的top值，当top值小于可视区的高度的时候就可以任何图片进入了可视区，直接加载图片即可
element.getBoundingClientRect().top < document.documentElement.clientHeight
由于需要在滚动的时候去监听图片的位置，所以我们需要使用到window.onscroll事件，我们在事件内部处理相关的逻辑即可。
5、@import & link
1.从属关系区别
@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。
2.加载顺序区别
加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。
3.兼容性区别
@import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。
4.DOM可控性区别
可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。
5.权重区别
link引入的样式权重大于@import引入的样式。
Promise.resolve参考
6、Promise.resolve等价于下面的写法
有时须要将现有对象转为 Promise 对象，Promise.resolve方法就起到这个做用。promise
Promise.resolve('foo')
// 等价于
new Promise(resolve => resolve('foo'))
下面结果是3
