前端面试题(十二)

• html5 中怎么关闭自动补全输入

  h5新增的补全功能，菜鸟教程上写的比较含糊比较难懂；
  解释： 在部分浏览器上，foucs输入框能够把以前输入过的值自动填入，若是不想自动填入，能够关掉它；
  autocomplete="off"
  默认是"on" 开启状态

  通常业务下不会调整这个自动完成，由于对产品来讲简化用户操做，建议打开

---

• ::before和:after中单冒号和双冒号的区别是什么，这两个伪元素有什么做用？

  区别 :

  伪元素在css1中已经存在当时用单冒号，css3时作了修订用双冒号 ::before ::after表示伪元素用来区别伪类

  做用

  ::before是在元素前面插入内容，::after则是在元素后面插入内容，不过须要content配合，而且插入的内容是inline的

---

• 说说你对 javascript 的做用域的理解

  • 全局做用域
    在顶层环境中申明的变量都是全局做用域，他们的属性其实都在window对象下面。

  • 函数做用域
    就是在函数内部进行声明的，仅仅可只能在函数内部进行使用的变量，若是在别的地方进行使用，则会报错.举个例子:

    function fun () {
        var b = 123;
        console.log(b); 
    } 
    fun(); 
    console.log(b);

    咱们将上面的代码贴在浏览器里面，可以看到输出的结果为：
    
    因而可知,这个变量 b 是定义在 fun 函数内的.只有在函数内部才能访问到,在其余地方都会找不到.

  • 块级做用域
    es6 以后引入的块级做用域.所谓的块级做用域也就是所在一个代码块内（即一对花括号内）可以使用，而跳出这个代码块将不可以进行使用.在js中因为要兼容老的做用域的规则，所以，使用var定义的变量在块级以外可可以使用，而使用let定义的变量在块级以外就不能使用.
    举例说明:

    {
      var _varNum = 123;
      let _letNum = 456;
    }
    console.log('_varNum:', _varNum);
    console.log('_letNum:', _letNum);

    结果以下:
    

---

• http都有哪些状态码？

  经常使用的一些状态码:

  • 200 成功
  • 301 重定向
  • 304 (未修改) 自从上次请求后，请求的网页未修改过。 服务器返回此响应时，不会返回网页内容
  • 400 (错误请求) 服务器不理解请求的语法
  • 403 (禁止) 服务器拒绝请求
  • 404 (未找到) 服务器找不到请求的网页
  • 500 (服务器内部错误) 服务器遇到错误，没法完成请求
  • 501 (还没有实施) 服务器不具有完成请求的功能。 例如，服务器没法识别请求方法时可能会返回此代码
  • 502 (错误网关) 服务器做为网关或代理，从上游服务器收到无效响应
  • 503 (服务不可用) 服务器目前没法使用(因为超载或停机维护)。 一般，这只是暂时状态
  • 504 (网关超时) 服务器做为网关或代理，可是没有及时从上游服务器收到请求
  • 505 (HTTP 版本不受支持) 服务器不支持请求中所用的 HTTP 协议版本

通常来讲
200 成功  
4xx 前端问题  
5xx 后端问题

面试题摘自Github