7.14 京东电话面试

1.如何实现回到顶部的功能

1.锚点

<div id="anchor"></div>
<a href="#anchor"></a>

2.scrollTop = 0

document.body.scrollTop = document.documentElement.scrollTop = 0;

3.scrollTo(0,0)

scrollTo(0,0)

2.如何实现大量图片加载的优化

分批加载和懒加载
懒加载实现方案：先将img标签的src链接设为同一张图片（比如空白图片），然后给img标签设置自定义属性（比如 data-src）,然后将真正的图片地址存储在data-src中，当JS监听到该图片元素进入可视窗口时，将自定义属性中的地址存储到src属性中。达到懒加载的效果

3.Vuex的原理，Store存储在哪里？

待补充

4.cookie和LocalStorage的常用场景？更换标签后两者还存在吗？更换浏览器后两者还存在吗？

cookie存放经常向后端提交的数据，localstorage存放只有前端会使用的数据
更换标签后两者均存在，更换浏览器后两者均不存在（面试官说的，网上目前没找到答案）

其他问到的问题

Vue的生命周期
响应式布局,如何实现？