珍爱网前端一面面经 4.12

纯八股一面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. 根据设计稿精确到像素级的渲染反问

目录(一)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 解...

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

目录：(一)CSS语法1.1 单位1.2 块级元素1.3 隐藏1.4 清除浮动1.5 动画1.6 权重1.7 居中1.8 定位与脱标1.9选择器1.10 CSS31.11 BFC1.12 canvas1.13 src和href(二)布局2.1 Flex2.2 响应|移动2.3 grid2.4 flexible(三)渲染3.1 阻塞渲染3.2 重排重绘3.3 加载优化3.4 浏览器(四)scoped|Module(五)UI4.1 Echarts4.2 Sass Less4.5 ElementUl4.6 Antd4.7 H54.8 csslnjs(六)Demo6.1 滑动穿透6.2 固定导航栏6....