美团二面，攒人品

纯八股一面1. vue路由模式都有哪些?2. vue生命周期函数3. vue组件数据交互4. vue路由传参5. vue的keeplive6. vue2/vue3响应式7. css水平垂直居中方案8. css的像素相关问题9. css场景题目(实现一个布局)10. 讲解以下flex布局11. 不同设备间的布局适配12. 还有一大堆css...记不清了已经13. 块级元素和行内级元素都有哪些及其区别14. BFC15. 浏览器同源策略和跨域解决方法16. http相关17. js事件循环18. 同步任务和异步任务19. 因为他们公司的项目偏向于图像化界面的，所以对css和渲染要求比较高。还问了很多这方面的问题具体记不住了。二面1. 浏览器安全攻击这方面2. 渲染性能方面3. 根据设计稿精确到像素级的渲染反问

问的挺基础的，可惜自己太菜了，很多问题没答上来。没问项目，只问了八股1. css选择器，选择div下的第二个p该怎么做        div p:nth-child(2)    2. 默认position是什么，怎么消除position        默认position为statc，此时top，left等值都没法起作用    设置为absolute，相对于祖先元素进行定位    设置为relative，不脱离文档流    设置为fixed，相对于窗口    设置为sticky，到达某个位置时，相对于窗口    3. vue 异步的数据请求在哪个生命周期        在created中，因为此时data，methods已经创建，vue实例对象已经创建好    mounted中，实例挂载在dom上，可以进行dom操作了    4. 验证码主要是用来干什么，还可以有其他什么人机检测的方式5. js判断数据类型的办法有哪几种        typeof，instanceof，Objectprototype.toString.call()，根据consturctor（注意null和undefined没有constructor）    6. js字符串转number，number转字符串        toString,String,parseInt,’&{}’    7. js实现字符串数组的拼接8. css实现文本溢出省略号        overflow:hiddren    text-overflow:ellipsis

1. 自我介绍2. 如何理解前端这个岗位3. 浏览器如何渲染HTML文档4. 重排和重绘的区别（讲了定义，以及如何触发） 5.重绘会引起重排吗6. 使用scale属性会引起重排列还是重绘（这个我不清楚，求大神解答），追问：使用translate做一个过渡会引起重绘嘛7. 同步和异步的区别（顺便给面试官讲了一下event loop），追问：setTimeout属于微任务还是宏任务，setTimeout里面的代码块是宏任务还是微任务（不清楚，求大神解答，应该是宏任务呀？）8.如何实现图片懒加载（vue使用了lazyload插件，但是我还看到网上有一些自定义指令，面试官更愿意听到哪一种呢？求大佬解答）同时还说了js原生实现懒加载的三种方式9.图片懒加载为了解决什么样的事情（打散请求，减轻浏览器压力）10.如何实现路由懒加载，路由懒加载的坏处11.如何实现路由鉴权12. 请求拦截器的实现原理13. 请求拦截器里面有个next？？（不懂，没见过，求大佬解答）比如定义两个请求拦截器，但是如何实现当满足某个条件，只走第一个拦截器，不用走第二个。（面试官的解决：1.只定义一个请求拦截器在里面用if调用函数，在遍历请求拦截器的数组的时候，用break打断）14.栈和队列的区别15.遍历栈的优秀的算法16.对链表的理解17.数组和链表在内存中的存储结构18.数组的长度是想要多长就多长吗？（肯定不能吧）19.文件的断点续传如何实现，附件上传和下载怎么实现20.场景题，请你提供一个函数，这个函数负责打开一个弹出框，别人在使用这个函数的时候，只需要传递对应的参数，就可以打开弹出框，比如说使用window.show就可以打开、并且给调用方一个反馈，用户点击了哪个按钮，才能继续写按钮对应的逻辑（1.传入对应按钮的回调，并且给对应按钮帮的那个对应回调，2.返回一个promise，如果promise可以调用then就意味着点击了确定或取消，然后书写应对then和catch的回调）21.给一个树，获得某个节点的层级

1.js类型隐式转换2.css给前20个元素设置样式3.js获取元素宽高4.js怎么获取class5.服务端渲染怎么获取宽高6.vue怎么稳定获取宽高，updated是什么阶段，dom更新具体指的是什么？只更新dom吗？7.vue nexttick作用及实现原理8.vue name属性作用，可以重复吗？9.cookie怎么携带的10.性能优化及举例11.薪资期望及职业规划