面试总结

flex布局的原理？

https://www.cnblogs.com/focusxxxxy/p/6395436.html

提取url键值对？

答：定义一个url地址，定义一个arr，使用split根据?分割url，定义arr2等于arr【1】截取分割后的url参数，arr2=arr[1].split("&"),根据&重新分割参数，定义一个json对象放url参数，循环将参数放到json中。

简述jsonp过程？

答：前端实现：第一步，动态创建script标签，并添加callback参数

                      第二步，创建callback函数

      后端实现：第一步，接受浏览器传递过来callback函数

                      第二步，返回函数函数调用形式，其内部参数就是json

px和em的区别？

答：px表示像素 (计算机屏幕上的一个点：1px = 1/96in)，是绝对单位，不会因为其他元素            的尺寸变化而变化；

      em表示相对于父元素的字体大小。em是相对单位 ，没有一个固定的度量值，而是由其他元素尺寸来决定的相对值。

304和302？

答： 302重定向又称之为302代表暂时性转移，，一条对网站浏览器的指令来显示浏览器被要求显示的不同的URL，当一个网页经历过短期的URL的变化时使用。

        304重定向又称之为返回状态码，客户端有缓冲的文档并发出了一个条件性的请求服务器告诉客户，原来缓冲的文档还可以继续使用。

事件委托？

答：利用事件冒泡处理动态元素事件绑定的方法，给父元素绑定事件，用来监听子元素的冒泡事件，并找到是哪个子元素的事件

      事件委托的好处：

事件委托技术可以避免对每个字元素添加事件监听器，减少操作DOM节点的次数，从而减少浏览器的重绘和重排，提高代码的性能。

使用事件委托，只有父元素与DOM存在交互，其他的操作都是在JS虚拟内存中完成的，这样就大大提高了性能。

      什么时候用事件委托：

当子元素有很多，需要对子元素的时间进行监听的时候