1. 行内元素与块级元素有什么区别2. 说几个行内元素3. 说一下img标签的alt和title有什么作用4. display常见的标签5. 用flex写水平垂直居中应该怎么写6. justify-content：space-between知道吗7. 在html的head里和body里引入js文件有什么区别8. 隐藏元素有哪些方法9. 显示一个按钮的呼吸效果10. 数组的遍历有哪些方法11. foreach，map，filter有什么区别12. 123数组在后面插入4，有什么方法13. 123数字，查找3，有什么方法14. 数组转字符串的方法15. 字符串转数组的方法16. async和await是用来干什么的17. Promise异步请求有几种状态18. vue里面的computed和watch有什么区别19. 如果想在页面一进来就监听到变化，怎么实现20. 子组件可以直接改变父组件的数据吗21. ref和reactive有什么区别22. Vue router的常用模式有哪些，有什么区别23. 路由守卫里三个入参，from，to，next，说一下24. 动态路由传参有哪些方式25. nextTick知道吗26. 接口请求放在哪个生命周期里

1. markdown渲染自己如何实现，说一下思路2. 主题切换是如何实现的3. 切换时的localStorage持久化配置是干什么的4. 如果是动态的切换，根据时区去切换主题应该怎么实现（取Date.now()）5. 如果一直在这个页面上，那在切换的边界时间点，不进行刷新，如何去切换主题(设置监听，或者到时间服务器推送一个数据然后去切换）6. 有两个网址，一个主站，一个子站，主站变了主题如何将子站的主题也切换（用跨标签的通信方式）7. 如果不用跨标签通信呢？（面试官说用cookie）8. 你觉得Pinia的优点在哪，在项目中带给你觉得特别好的东西？（回答了组件间状态同步，面试官说这些localstorage也可以实现，又回答了composition api）9. 说一下原型，闭包，事件循环10. 说一下宏任务有哪些，微任务有哪些11. 基于axios实现一个类似中间件的请求方法，比如说有一个axios的封装，这个封装可以热插拔或者是基于插件的形式，能够针对黑产进行处理，或者对其他刷网站的行为进行处理，如何分别实现这两个插件和一个共同对这两个行为限制的插件12. 说一下图片懒加载是怎么优化的13. 还有其他实现图片懒加载的方式吗14. 怎么确定图片是有性能上的问题的15. 在开发中关注过哪些优化的指标16. 手撕一个拖拽dom的场景题

1. vue自定义指令的场景应用2. vue的v-if和v-for为什么不建议一起用3. vue的组件通信方法有哪几个4. 说一下keep-alive5. SPA首屏加载速度慢怎么办6. 实现弹性布局有几种方式7. css动画有没有做过8. 哪些操作会触发回流和重绘9. 用过哪些预处理器 sass10. sass和css有什么区别？11. css手写多吗12. css里用于计算的函数是什么13. 深拷贝和浅拷贝的区别14. 说一下对事件循环的理解15. 防抖和节流的区别16. 项目中遇到的难点，讲一下17. js中数字精度丢失的问题，怎么解决18. 构建工具的配置使用过吗？19. 数据存储的方式20. 如何保证按顺序渲染ui21. 讲一下快排（边写边讲

1. 根据本科学校 先问我是哪里人2. 先跟我介绍分三个部分去聊，第一部分是目前的背景，大概是什么情况，第二部分是聊一下我的期望，对业务，对工作内容方面的期待，第三部分聊一些技术3. 本科软工，硕士电子信息，为什么选择前端这个方向4. 为什么选择程序员这个行业（答了本硕都是计算机专业，不满意继续追问，答不想考公考编，也不满意，还说还有很多可以选择的职业，还有啥职业能选？难道去干销售吗？...)5. 问学长学姐大概都从事什么方向6. 跟我说职业选择是很慎重的事情7. 对实习城市的工作地点有什么要求8. 对实习的期望9. 对团队和leader有什么期望10. 项目部署了吗11. 请求token是拿什么做的？后端是什么做的（回答了用了提供好的api接口，被调侃现在教学项目都这么成熟了）12. 除了对框架的学习，对JS和CSS有什么学习吗13. 项目中布局是用的什么（flex，relative，absolute）14. 没用过grid吗（没有）15. 用的是js还是ts16. ts学习过吗？为什么会出现ts？（说ts的优势）17. 说了类型的限制，在写代码过程中就会报类型错误，而不是在编译后才发现错误，type和interface，继续问ts不也是解析成js去运行的，提供这些特点有什么用呢18. css用过sass，sass有什么优势？（你这项目挺老的，得是五年之前的了...）19. 前端一共学了多久，是一直持续学习还是断断续续的20. 每天学习5h以上的时间大概有几个月21. web的存储大概有哪些？22. localStorage，sessionStorage的get和set，与indexDB的区别有哪些23. localStorage的读取是同步的还是异步的24. 问我哪门专业课学的比较好？（本科学的基本忘的差不多了）25. 非要让我说一门课然后针对提问（只能回答计网了）26. ip寻址 ，他在公司的网络中，与我在学校的网络中进行网络通信，如何找到对方的地址？具体步骤说一下（）27. 聊个老生常谈的RPC，熟悉吗（根本没听过，硬着头皮瞎说）28. 说点我了解的（我再了解也经不住问，已经快绷不住了）29. 继续问我熟悉的，了解的比较深的（没有了解深的，总不能说我最近只看八股吧）30. 随便说了八股的几个知识点，问父子组件通信的原理（答了基于发布-订阅）31. 父子组件属性传递原理（答了单向数据流，v-bind，不对，答了响应式原理）32. 还有哪块比较了解（真的不了解）33. DOM树怎么渲染出来的（说了Render的一些线程）34. 这些线程做了什么事35. 继续问渲染是怎么渲染的（布局 分层）36. 绘制的细节知道吗（不会）37. 反问阶段，问了技术栈，部门主要做什么（技术栈很杂，部门项目方向很多）38. 被问学校就业率如何，去北上广的多一些，还是去省会城市的多一些（...根据实验室毕业去向回答了）39. 被说现在学生不如他们那一批的卷了（只想赶紧结束）最后反问阶段问了部门，面试官还说给我3-5分钟继续问，但是我真的没什么想问的了，被硬控3分钟

1. 详细的说一下流式传输的流程2. 为什么要选择SSE呢？（api服务提供的就是返回就是SSE的吧？）3. 有没有其他的方式也可以接受到服务端的信息？（WebSocket）4. localStorage和sessionStorage区别5. vue2和vue3的差别6. vue2中的Object.defineProperty和vue3的Proxy的差异7. Composition api比Options api的优势在哪里8. 说一下vue组件通信之间的方法9. 事件总线是怎么实现的10. 详细讲一下发布订阅模式11. v-if和v-show12. v-if和v-show的生命周期有什么区别13. 讲一下keep-alive14. 手撕LRU（这个想不起来了，挣扎了一下最后说了思路）15. 说一下对ts的了解16. 怎么使用图片懒加载优化17. 一般图片懒加载用在什么场景18. 预加载了解过吗19. axios是怎么进行二次封装的20. 在axios中发送多个请求，但是只实现最后一个请求，如何实现？21. 说一下事件循环22. 宏任务和微任务都有什么23. promise的出现是用来解决什么问题的24. async/await又是解决了什么问题25. promise并行发多个请求怎么做？26. promise.all allsettled race 之间的区别是什么27. 箭头函数和普通函数有什么差别28. 闭包在什么情况下会使用29. 函数柯里化一般在什么情况下会使用30. 事件委托的触发流程

这次面试忘记录屏了，一面狠狠拷打项目，一直在问该怎么优化一些项目中存在的问题，一些场景该用什么去实现，不过面试官一直在引导，没有手撕，最后面试官说他们部门技术栈是React，估计是凉了。 部门是酒旅事业部

1. 常见的行内元素2. 网页中head部分的meta标签有什么作用3. 子元素如何对父元素实现水平垂直居中4. 有用过grid吗？（了解过，但是没在项目中使用过）5. css中rem和em的区别6. 列举position的值7. 伪类和伪元素有什么区别8. canvas和svg有什么区别（回答了不熟悉canvas，svg使用一般是直接在网站中选取svg图标插入）9. 了解过svg的图标是如何实现的吗10. 列举数组有哪些方法11. 针对回答的方法，问了push、splice、shift、slice、fliter哪些是改变原数组，哪些不改变12. 讲一下防抖和节流的使用场景13. 字符串反转 说一下思路14. 数组随机打乱 说一下思路15. vue3中的hooks方法用过吗？ （我只说了生命周期，好像不是16. computed和watch的区别17. 列表渲染时，key有什么作用18. 图片懒加载具体是什么实现的（使用了vueuse中的useIntersectionObserver）19. 知道vueuse的作者吗（这个真不知道）20. 之前自己有写过一个hooks吗21. 有哪些常见的持久化方案22. cookies、sessionstorage、localstorage常见的使用场景23. 了解或者使用过ts吗（只看了一点ts，面试官还是比较看重这里的，表示ts一定要会24. package.json文件是干什么用的？25. package-lock.json文件和package.json有什么区别？26. 列举发起网络请求常见的http的header27. 说一下http的状态码28. 有哪些途径学习前端的知识29. 有提到过在掘金看帖子，还问我有没有固定关注的人或者订阅的专栏30. 未来对于前端学习有什么规划吗31. 怎么看别人都说ai会取代前端？说说看法反问：针对面试表现能不能提一些未来学习的建议？一定要会ts，前端工程化方面虽然使用不多，但是也要掌握滴滴流程很快，十分钟内就知道结果了。

1. 进程、线程、协程区别2. 有没有偏后端语言的经验 （回答了没有，被面试官反问软件工程专业难道没有后端相关的学习吗，又回答了在本科作业中做了图书管理系统，用了java）3. 因为上一题回答了java，说一下java与js语言的区别（...不会，面试官说了解释型，编译型，运行时这些，还是不会）还问了一下我是不是投的前端4. 简单说一下跨域请求5. 正向代理和反向代理了解过吗6. 在浏览器里实现服务器推送有哪些方法7. css中像素的单位有什么8. 服务器端的网络状态码9. 问了403是什么，302和307有什么区别10. 重定向和跳转有什么区别11. 事件循环机制12. 用过前端的什么构建工具13. webpack和loader和plugin有什么区别14. 0.1 + 0.2  !== 0.3 为什么 怎么处理 回答了tofixed控制小数精度15. 无序二叉树 查找第n小元素和它的位置 （层序遍历 + 快速查找第n个数）16. vue2和vue3的区别周五面完以为凉了，今天收到了二面通知，谢谢作业帮给我一次机会