学科网二面面经

1. html的标签有哪些2. 一个未知宽高的div在其父元素中垂直居中，怎么实现3. 文字溢出显示...，怎么做4. 左边宽度固定，右边宽度自适应怎么做5. 重排和重绘6. vue的生命周期 - 使用场景7. vue组件之间的通信方式8. less的绑定和style的绑定9. computed和watch的区别，使用场景10. computed和watch的实现原理11. 响应式原理12. vuex的几个属性13. pinia的属性，如何使用14. Vue router是怎么使用的15. 用过vue router进行权限的管理吗16. vite用过哪些东西17. 看过vite的配置项吗18. 跨域是怎么解决的19. 浏览器的同源策略20. 浏览器输入一个url后会发生哪些事情21. 说一下使用了Element-plus中的哪些组件22. 哪个项目熟悉一点，说一下第一个项目中遇到的难题吧接到上一个笔试和面试之后又开始在boss上疯狂投，有一些小厂约面，明显感觉到小厂面试官提问的侧重点不同，可惜中大厂都挂了，只能继续面小厂了

作用域有哪些了解 + 代码输出var let const 有什么区别作用域链闭包是什么浏览器的垃圾回收机制（两种），为什么引用计数法js现在不使用了，如何解决闭包中的内存泄漏问题普通函数与箭头函数的区别Promise 有哪些了解，promise.all promise.allsettled 有什么区别手写Promise.allpromise 的三种状态，是否可逆浏览器的事件循环机制如何理解的，事件循环代码输出0.2 + 0.1 == 0.3 吗 ，为什么不等于 ，那么0.25+0.75 为什么等于1，如果处理这种精度问题。flex 用过吗，flex : 1 代表什么，flex-grow:1, ...

第一次面试，还没等我自我介绍就直接让我实操，给我一块非常复杂的板子让我拆，完了开始疯狂拷打我的简历，事无巨细，被打懵了

1.自我介绍和技术背景2.问项目，问聚合支付项目是否做过压力测试，能支持多少QPS。问了项目中的熔断做了什么，怎么实现的熔断那里用Hystrix实现，返回保底数据。压力测试我不清楚说多少合适，就说没做过压力测试3.系统困难点和收获困难点我就回答的在一些逻辑设计方面不太完善，有一些设计缺陷导致给后面的开发挖坑需要花时间弥补。4.是否考虑到高并发的场景，怎么优化后续可通过加锁和多级缓存来优化5.如果系统突然变慢了，应该怎么去排查问题出在哪里  （这里答的不太好因为没考虑过这个问题）我回答去分层排查，先看dao层是不是因为某些sql查询时间过长，然后如果是就看情况加索引、优化sql语句。如果是因  为受到攻击导致系统不稳定可进行请求的监控。6.如果程序运行时，进程突然挂掉，应该怎么排查（ 这里也没答上来）7.说下AOP原理通过动态代理，jdk或cglib，我讲了讲我看过源码，讲了讲动态代理实现以及AOP的应用（日志、方法运行时间记录）8.线程池的参数和工作原理，应用场景9.做过哪些mysql优化  （我答完后他问我还有吗？可能他想听的我没说出来）慢查询、explain分析、选合适的字段加索引（非空、使用频繁且更新不频繁）、避免索引失效（违反最左前缀、使用模糊查询、隐式类型转换、使用函数等）、批量插入代替单个插入，顺序代替乱序，手动控制事务+批处理，更新时where的条件应匹配索引防止行锁升级为表锁等。10.如何解决redis和数据库数据不一致（答得不够好）我答的更新时先更新数据库再删redis，如果先删除redis的话需要在更新数据库后再删一次。11.缓存雪崩或穿透等解决方案防止大量数据集中过期（增加随机过期时间），使用布隆过滤器防止大量请求访问数据库，防止缓存穿透可缓存空值，对访问数据库加锁（使用信号量进行配额），使用多级缓存，进行数据预热并监控。12.未来学习方向，学习新技术是怎么学的