js

1、网络协议
  http、https（http+ssl加密后的） 
2、WebSocket
  支持持久连续
3、HTTP请求的方式，HEAD方式
  head：类似于get请求，只不过返回的响应中没有具体的内容，用户获取报头
  options：允许客户端查看服务器的性能，比如说服务器支持的请求方式等等。
4、BOM属性对象方法
  (1)location对象
      location.href-- 返回或设置当前文档的URL
      location.search -- 返回URL中的查询字符串部分。例如 [http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu](http://www.dreamdu.com/dreamdu.php?id=5&name=dreamdu) 返回包括(?)后面的内容?id=5&name=dreamdu
      location.hash -- 返回URL#后面的内容，如果没有#，返回空
      location.host -- 返回URL中的域名部分，例如[www.dreamdu.com](http://www.dreamdu.com/)
      location.hostname -- 返回URL中的主域名部分，例如dreamdu.com
      location.pathname -- 返回URL的域名后的部分。例如 [http://www.dreamdu.com/xhtml/](http://www.dreamdu.com/xhtml/) 返回/xhtml/
      location.port -- 返回URL中的端口部分。例如 [http://www.dreamdu.com:8080/xhtml/](http://www.dreamdu.com:8080/xhtml/) 返回8080
      location.protocol -- 返回URL中的协议部分。例如 [http://www.dreamdu.com:8080/xhtml/](http://www.dreamdu.com:8080/xhtml/) 返回(//)前面的内容http:
      location.assign -- 设置当前文档的URL
      location.replace() -- 设置当前文档的URL，并且在history对象的地址列表中移除这个URL location.replace(url);
      location.reload() -- 重载当前页面
  (2)history对象
      history.go() -- 前进或后退指定的页面数 history.go(num);
      history.back() -- 后退一页
      history.forward() -- 前进一页
  (3)Navigator对象
      navigator.userAgent -- 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
      navigator.cookieEnabled -- 返回浏览器是否支持(启用)cookie
5、 drag api（拖放）
   dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发，。
   darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。
   dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。
   dragover：事件主体是目标元素，在被拖放在某元素内移动时触发。
   dragleave：事件主体是目标元素，在被拖放元素移出目标元素是触发。
   drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发。
   dragend：事件主体是被拖放元素，在整个拖放操作结束时触发
6、http返回的状态码
  100 Continue    继续。客户端应继续其请求
  101    Switching Protocols    切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议，例如，切换到HTTP的新版本协议
  200    OK    请求成功。一般用于GET与POST请求
  201    Created    已创建。成功请求并创建了新的资源
  202    Accepted    已接受。已经接受请求，但未处理完成
  203    Non-Authoritative Information    非授权信息。请求成功。但返回的meta信息不在原始的服务器，而是一个副本
  204    No Content    无内容。服务器成功处理，但未返回内容。在未更新网页的情况下，可确保浏览器继续显示当前文档
  205    Reset Content    重置内容。服务器处理成功，用户终端（例如：浏览器）应重置文档视图。可通过此返回码清除浏览器的表单域
  206    Partial Content    部分内容。服务器成功处理了部分GET请求
  300    Multiple Choices    多种选择。请求的资源可包括多个位置，相应可返回一个资源特征与地址的列表用于用户终端（例如：浏览器）选择  
  301    Moved Permanently    永久移动。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替
  302    Found    临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI
  303    See Other    查看其它地址。与301类似。使用GET和POST请求查看
  304    Not Modified    未修改。所请求的资源未修改，服务器返回此状态码时，不会返回任何资源。客户端通常会缓存访问过的资源，通过提供一个头信息指出客户端希望只返回在指定日期之后修改的资源
  305    Use Proxy    使用代理。所请求的资源必须通过代理访问
  306    Unused    已经被废弃的HTTP状态码
  307    Temporary Redirect    临时重定向。与302类似。使用GET请求重定向
  400    Bad Request    客户端请求的语法错误，服务器无法理解
  401    Unauthorized    请求要求用户的身份认证  
  402    Payment Required    保留，将来使用
  403    Forbidden    服务器理解请求客户端的请求，但是拒绝执行此请求
  404    Not Found    服务器无法根据客户端的请求找到资源（网页）。通过此代码，网站设计人员可设置"您所请求的资源无法找到"的个性页面
  405    Method Not Allowed    客户端请求中的方法被禁止
  406    Not Acceptable    服务器无法根据客户端请求的内容特性完成请求
  407    Proxy Authentication Required    请求要求代理的身份认证，与401类似，但请求者应当使用代理进行授权
  408    Request Time-out    服务器等待客户端发送的请求时间过长，超时
  409    Conflict    服务器完成客户端的PUT请求是可能返回此代码，服务器处理请求时发生了冲突
  410    Gone    客户端请求的资源已经不存在。410不同于404，如果资源以前有现在被永久删除了可使用410代码，网站设计人员可通过301代码指定资源的新位置
  411    Length Required    服务器无法处理客户端发送的不带Content-Length的请求信息
  412    Precondition Failed    客户端请求信息的先决条件错误
  413    Request Entity Too Large    由于请求的实体过大，服务器无法处理，因此拒绝请求。为防止客户端的连续请求，服务器可能会关闭连接。如果只是服务器暂时无法处理，则会包含一个Retry-After的响应信息
  414    Request-URI Too Large    请求的URI过长（URI通常为网址），服务器无法处理
  415    Unsupported Media Type    服务器无法处理请求附带的媒体格式
  416    Requested range not satisfiable    客户端请求的范围无效  
  417    Expectation Failed    服务器无法满足Expect的请求头信息
  500    Internal Server Error    服务器内部错误，无法完成请求  
  501    Not Implemented    服务器不支持请求的功能，无法完成请求
  502    Bad Gateway    作为网关或者代理工作的服务器尝试执行请求时，从远程服务器接收到了一个无效的响应
  503    Service Unavailable    由于超载或系统维护，服务器暂时的无法处理客户端的请求。延时的长度可包含在服务器的Retry-After头信息中
  504    Gateway Time-out    充当网关或代理的服务器，未及时从远端服务器获取请求
  505    HTTP Version not supported    服务器不支持请求的HTTP协议的版本，无法完成处理
7、Cookie、sessionStorage、localStorage的区别
   Cookie：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递
   sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持
   localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；
8、web worker（创建多线程）
   web worker是运行在后台的js，独立于其他脚本，不会影响页面你的性能。并且通过postMessage将结果回传到主线程。这样在进行复杂操作的时候，就不会阻塞主线程了。
9、 iframe
   会阻塞主页面的onload事件
   搜索引擎无法解读这种页面，不利于SEO
   iframe和主页面共享连接池，而浏览器对相同区域有限制所以会影响性能。
10、 Doctype作用
   Doctype声明于文档最前面，告诉浏览器以何种方式来渲染页面，这里有两种模式，严格模式和混杂模式。
   严格模式的排版和JS 运作模式是 以该浏览器支持的最高标准运行。
   混杂模式，向后兼容，模拟老式浏览器，防止浏览器无法兼容页面。
11、 visibility=hidden, opacity=0，display:none
   opacity=0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的visibility=hidden，该元素隐藏起来了，但不会改变页面布局，但是不会触发该元素已经绑定的事件display=none，把元素隐藏起来，并且会改变页面布局，可以理解成在页面中把该元素删除掉一样。
12、position属性
  fixed：相对于浏览器窗口是固定位置
  relative：如果对一个元素进行相对定位，它将出现在它所在的位置上，“相对于”它的起点进行移动
  absolute：绝对定位的元素的位置相对于最近的已定位父元素
  sticky：元素先按照普通文档流定位，然后相对于该元素在流中的flow root（BFC）和 containing block（最近的块级祖先元素）定位。而后，元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。
  Static：默认值。没有定位
  inherit:规定应该从父元素继承position 属性的值。
13、浮动清除
  使用带clear属性的空元素
  容器添加overflow:hidden;或overflow:auto;可以清除浮动
  给浮动的元素的容器添加浮动
14、如何解决异步回调地狱
  promise、generator、async/await
15、改变函数内部this指针的指向函数（bind，apply，call的区别）
  通过apply和call改变函数的this指向，他们两个函数的第一个参数都是一样的表示要改变指向的那个对象，第二个参数，apply是数组，而call则是arg1,arg2...这种形式。通过bind改变this作用域会返回一个新的函数，这个函数不会马上执行。
16、 js的各种位置
  clientHeight：表示的是可视区域的高度，不包含border和滚动条
  offsetHeight：表示可视区域的高度，包含了border和滚动条
  scrollHeight：表示了所有区域的高度，包含了因为滚动被隐藏的部分。
  clientTop：表示边框border的厚度，在未指定的情况下一般为0
  scrollTop：滚动后被隐藏的高度，获取对象相对于由offsetParent属性指定的父坐标(css定位的元素或body元素)距离顶端的高度。
17、eval是做什么的
  它的功能是将对应的字符串解析成js并执行，应该避免使用js，因为非常消耗性能（2次，一次解析成js，一次执行）
18、js判断类型
  typeof()，instanceof，Object.prototype.toString.call()
19、数组常用方法
  push()，pop()，shift()，unshift()，splice()，sort()，reverse()，map()