前端面试题(十二)

• 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