美团-到店-前端 暑期凉经

纯八股一面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.为什么喜欢做前端2.js有哪些数据类型3.weakmap有哪些特性4.js如何进行垃圾回收5.模块化有哪些规范和标准6.平时用过哪些处理异步的方法7.如果实现一个简易的promise，有哪些核心的关键点使用async await实现异步时如何捕获异常8.说一下有哪些使用ts的场景9.css平时经常用什么布局10.有没有用到过伪元素和伪类11.一个div元素宽度是20，让他变到40时有过度效果，用什么属性做12.vue中响应式是怎么实现的13.讲一下diff算法14.聊项目

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.给一个树，获得某个节点的层级

目录(一)Vue2和Vue3区别(二)MVVM数据流(三)一些方法3.1 Keep-alive3.2 NextTick3.3 插槽slot3.4 lazyload(四) 基础4.1 Vue24.2 Vue3(五)生命周期5.1 Vue25.2 Vue3(六) 通信方式(七)路由7.1 模式7.2 加载跳转7.3 导航守卫7.4 跳转方式7.5 刷新7.6 源码(八)状态管理8.1 VueX8.2 Pinia(九)虚拟Dom(十)双向绑定10.1 Vue210.2 Vue3(十一)编译渲染SSG、SEO(十二)SSR、CSR.(十三) 异步更新(一) Vue2和Vue3区别1.1 JS​ 1 解...