前端面试总结二【共11道题】

前端面试题二

16、v-for 循环为什么一定要绑定 key ?
vue中列表循环需加:key=“唯一标识” 唯一标识尽量是item里面id等，因为vue组件高度复用增加Key可以标识组件的唯一性，为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM（虚拟DOM就是js对象）
17、cookie 、localstorage 、 sessionstrorage 之间有什么区别？
与服务器交互：
cookie：是网站为了标示用户身份而储存在用户本地终端上的数据（通常经过加密），始终会在同源http请求头中携带，在浏览器和服务器间来回传递
sessionStorage和localStorage不会自动把数据发给服务器，仅保存在本地

cookie 数据根据不同浏览器限制，大小一般不能超过 4k
sessionStorage 和 localStorage 虽然也有存储大小的限制，但比 cookie 大得多，可以达到 5M 或更大
有期时间：
localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据
sessionStorage 数据在当前浏览器窗口关闭后自动删除
cookie 设置的 cookie 过期时间之前一直有效，与浏览器是否关闭无关
18.什么是递归，递归有哪些优点或缺点？
递归： 如果一个函数在内部可以调用其本身，那么这个函数就是递归函数。简单理解:函 数内部自己调用自己, 这个函数就是递归函数
优点： 结构清晰、可读性强
缺点： 效率低、调用栈可能会溢出，其实每一次函数调用会在内存栈中分配空间，而每个进程的栈的容 量是有限的，当调用的层次太多时，就会超出栈的容量，从而导致栈溢出。->性能
19.谈谈你平时都用哪些方法进行性能优化？
减少http请求次数，打包压缩上线代码，使用懒加载，使用雪碧图，动态渲染组件
20.vue实例是挂载到哪个标签上的？
挂载在body标签上，所以在vue中获取不了body标签，如果要使用body标签需要在原生的方式获取
21.什么是深拷贝，什么是浅拷贝？
浅拷贝：创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果是基本类型，拷贝的是基本类型的值，如果是引用类型拷贝的是内存地址，其中一个对象改变了这个地址会影响另外一个对象

深拷贝：会拷贝所有的属性，并拷贝属性指向的动态分配的内存。拷贝后前后两个对象互不影响。
22.js的执行机制是怎么样的？
js是一门单线程语言，eventloop事件循环是js的执行机制
23、知道 lodash 吗？它有哪些常见的 API ？
Lodash：是一个一致性，模块化，高性能的js实用工具库。_.cloneDeep深度拷贝，_reject根据条件去除某个元素
24.http请求方式有哪些？
get,post,put,delete
25.平时都是用那些工具进行打包的？babel 是什么？
WebPack 是一个模块打包工具，你可以使用 WebPack 管理你的模块依赖，并编绎输出模块们所需的静 态文件。它能够很好地管理、打包 Web 开发中所用到的 HTML、Javascript、CSS 以及各种静态文件（图 片、字体等），让开发过程更加高效。对于不同类型的资源，webpack 有对应的模块加载器。
webpack 模块打包器会分析模块间的依赖关系，最后 生成了优化且合并后的静态资源 babel可以帮助我们转换一些当前浏览器不支持的语法，它会把这些语法转换为低版本的语法以便浏览 器识别。
26.谈谈set map是什么？
set是ES6提供的一种新的数据结构，类似于数组，但是成员的值都是唯一的
map它类似于对象，也是键值对的集合，但是键的范围不仅限于字符串，各种类型的值都可以当做键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。
27.常见的布局方法有哪些？他们的优缺点是什么？
有浮动，定位，flex，grid网格布局，栅格系统布局
浮动：优点是兼容性好，缺点是浮动会脱离标准文档流，因此要清除浮动，解决好这个问题即可
绝对定位：优点快捷，缺点导致子元素脱离标准文档流，实用性差
flex布局比较完美
网格布局：能够简化代码