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上疯狂投，有一些小厂约面，明显感觉到小厂面试官提问的侧重点不同，可惜中大厂都挂了，只能继续面小厂了

1. 箭头函数2. ES6 实现继承 -> ES5 怎么实现继承 手撕实现寄生组合式继承3. localStorage 过期删除4. 为什么说HTTPS比HTTP安全5. 中间人攻击6. HTTP缓存的首部7. HTTP状态码 301 和3028. 两数之和9. New 方法手撕10. lc最大数11. flex布局12. flex：1是什么13. CSS会阻塞DOM的解析吗上个月中旬的面试五月底到六月初摆烂了，面的很烂，答的不够深入

1. 对闭包有什么了解2. 一个var变量提升的循环代码输出，如何修改？用let或者用立即执行函数3. this指向代码题，说输出4. 原型、原型链5. 原型的代码题，说输出6. 判断数组的方法7. 图片懒加载怎么实现的8. axios二次封装怎么实现的9. 在触底加载问题有遇到什么问题吗10. 怎么判断它加载完了四月份的面试，当时八股背的也不熟，仅供参考

1. js的数据类型2. 简单类型和复杂类型的区别3. 说几个深拷贝的方式4. 说一下数组的方法有什么5. 初始化一个promise需要什么参数6. 通过async/await吗？主要解决什么7. 说一下css的选择器8. css选择器的优先级9. vue的生命周期10. axios的二次封装是怎么做的11. 图片懒加载是如何实现的12. 组件通信方式13. 性能优化相关的知道什么

1. 强缓存与协商缓存2. 主题的切换是什么实现的3. 浏览器缓存4. ES6的新特性5. 箭头函数和普通函数的区别6. 讲一下computed和watch7. watch和watchEffect的区别8. git操作 如何提交9. 事件循环

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的区别周五面完以为凉了，今天收到了二面通知，谢谢作业帮给我一次机会