面试题

1、css3有哪些伪类？

2、用css写个三角形？

答：

      .a{ height: 0px; width: 0px; border-bottom: 30px solid black; border-left: 30px solid #fff; border-right: 30px solid #fff; }

3、h5有哪些语义化标签？有什么优点？

4、css3新增了什么？

5、解释一下原型链？如何改变this指向？

6、闭包？适用环境？变量提升？

7、什么是ajax？如何解决跨域问题？实现交互的3种ajax方法？（xmlHTTPRequest，jquery，fetch（es6中的））

8、jquery的选择器？方法？

答：html(),val(),text(),height(),attr(),show(),hide(),toggle(),find(),eq(),.css('',''),append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

9、vue.js和mvvm框架的关系？mvc框架？

10、vue.js有哪些常见的钩子函数？如何理解他的生命周期？

答： 创建前、创建后、挂载前、挂载后、更新前、更新后、销毁前、销毁后

beforeCreate created beforeMount mounted beforeUpdate updated beforeDestory destoryed

11、函数前加个new？是什么运行原理？

12、es6有哪些新的语法？

答：let const class import 新增了这四种定义变量的方法，解构，（）=>{}箭头函数、promise解决回调噩梦

13、img的title和alt的区别？

14:、描述常见的http状态码和http方法？

答：2开头 （请求成功）表示成功处理了请求的状态代码。 200   （成功）  服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。 

3开头 （请求被重定向）表示要完成请求，需要进一步操作。 通常，这些状态代码用来重定向。

4开头 （请求错误）这些状态代码表示请求可能出错，妨碍了服务器的处理。是客户端出现错误，其实就是浏览器这边有问题

         400   （错误请求） 服务器不理解请求的语法。 
         401   （未授权） 请求要求身份验证。 对于需要登录的网页，服务器可能返回此响应。 
         403   （禁止） 服务器拒绝请求。
         404   （未找到） 服务器找不到请求的网页。
         405   （方法禁用） 禁用请求中指定的方法。

5开头（服务器错误）这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误，而不是请求出错

     500   （服务器内部错误）  服务器遇到错误，无法完成请求。 
     501   （尚未实施） 服务器不具备完成请求的功能。 例如，服务器无法识别请求方法时可能会返回此代码。 
     502   （错误网关） 服务器作为网关或代理，从上游服务器收到无效响应。 
     503   （服务不可用） 服务器目前无法使用（由于超载或停机维护）。 通常，这只是暂时状态。 
     504   （网关超时）  服务器作为网关或代理，但是没有及时从上游服务器收到请求。 
     505   （HTTP 版本不受支持） 服务器不支持请求中所用的 HTTP 协议版本。

方法：

GET    描述：从服务器获取一份文档，不需要主体

HEAD   描述：只从服务器获取文档首部，不需要主体

POST  描述：向服务器发送需要处理的数据，需要主体

PUT   描述：将请求的主体内容存在服务器上，需要主体

TRACE   描述：对可能经过代理服务器传送到服务器上的报文进行追踪，不需要主体

OPTIONS  描述：可以决定在服务器上可以执行哪些方法，不需要主体

DELETE    描述：从服务器上删除一份文档，不需要主体

15、ie和火狐的事件机制有什么区别？什么是事件冒泡？如何阻止冒泡？

16、在浏览器中输入一个URL后回车？背后会进行哪些技术步骤？

答：一、解析url ，传输协议/服务器/域名/端口/虚拟文件/文件名/锚/参数

       二、DNS解析， 就是域名对应哪个ip地址额解析，先从根域名再到顶级域名再到权限域名。一层一层层找

       三、浏览器和网站建立TCP连接（三次握手协议，客户端向服务器发送请求，服务器接受请求并回复确认信号，客户端收到          确认信号再回复确认）。

       四、请求和传输数据。

       五、浏览器渲染页面。

17、如何实现一个js的深度克隆？

18、简单描述vue实现数据双向绑定底层实现原理？常用的指令？和vue实例的生命周期？

19、编程实现url的参数？function（url，key）{}   es6 search直接获取有效参数部分，不用找？

20、css3盒模型？

答： box-sizing: content-box（标准模式）  |  border-box(ie模式)

21、写出四种实现js继承的方法？

22、[first,...reset]=[1,2,3,4,5]   console.log(first)  console.log(reset) 解构  【1】【2345】

23、实现三个盒子abc并排排列，b在最左边，依次ac，就是bac排列的几种方法。

答：用弹性布局 ，item的属性，order，数字最小再最前面。float那个方法没想出来啊。。。

24、讲解一下cors原理？

25、vue的mvvm框架和mvc框架的区别？vue和mvvm框架的区别？

26、什么原因引起的？并说出你的解决方案？ie6兼容性问题

      1、产生双边距bug、多出3像素问题、超链接hover点击后失效、png图片不透明、overflow:hidden属性失效、无法定义1px左  右的高度容器、max-height和min-height无法生效

27、用csshack技术写出下列条件？火狐浏览器宽300px、ie8以上宽200px、ie7宽100px、ie6宽50px

28、

29、北京有多少前端工程师？为什么？

30、如何让一个不知道宽高的盒子水平垂直居中？

31、margin-top、padding-top为百分比是，指的是谁的百分比?

答：相对最近父级块级元素的width，相对最近父级块级元素的width。bottom和left、right同理。

32、描述一下对作用域链的理解？

33、描述对闭包的理解？

34、解决跨域？

35、实现函数的深度克隆？

36、实现继承的方法？

37、写一个数组去重的函数？

答：利用对象的key的独特性。

         function unique(arr){

                  var obj={};

                  for(let i=0;i<arr.length;i++){ obj[arr[i]] = arr[i]      }

                  var u=[];

                  for(let i in obj){ u.push(obj[i]) }

                 return u

           }

38、描述原生ajax的过程？

39、下面的执行结果：

setTimeout(function () {
    console.log(1);
    setTimeout(function () {
        console.log(2);
    },200)
},0)
setTimeout(function () {
    console.log(3);
},200)
console.log(4);

答案：4132

40、localStorage、sessionStorage、Cookie的区别及用法?

41、闭包的优缺点，使用场景？

42、手绘菊花图？

43、运算符的优先级？

44、Promise，Generator的使用场景？如何使用？

45、不定参数函数？ arguments

45、遍历对象有多少种方法？遍历对象有多少种方法？