1.开发前端是通过什么样的方式开发的？是有使用 AI 工具什么相关的吗？2.H5 跟原生的 APP 通信这个 jsbridge 你是怎么实现的7.瀑布流是怎么做的？8.使用过虚拟列表吗12.有用过什么 AI 的开发工具吗？13.能不能实现全流程 AI 可以帮你把东西开发出来？如果说让你去把 AI 做你的一个员工，让他去帮你做这个事。你怎么让他去帮你完成的？14.打包工具，Vite和webpack的区别，为什么用vite，他的打包原理是什么携程好像是公司总部统一面试，之后才会细分部门，所以反问的时候问业务面试官都回答不了

1.选一个项目介绍一下2.Vue与React区别，组件式写法是什么3.Vue 2与Vue 3在的区别4.浏览器缓存5.项目打包的时候会在后面加一个哈希值，是什么6.前后端联调接口常见请求状态码7.算法：数组排序8.算法：接口并行请求9.实现并行请求，如同时发送a、b、c、d四个接口请求该怎么做及可用什么方法10.promise.all和promise.allsettled的区别11.async await 和 Promise.then()的区别12.async await报错捕获方法13.页面上有五六十个请求，希望能对所有请求进行统一报错拦截处理，怎么做14.用户反馈项目打开慢卡顿，怎么排查与优化

1.React Hook受控与非受控组件4.RAG、MCP 和 workflow 的概念、区别17.你所有项目里面，最能体现工程化能力的是什么18.你知道module、 Controller、 service这种划分的模式叫什么吗？（MVC）19.手写节流全程项目拷打，感觉是压力面

很奇怪的一个面试，只面30分钟，而且全程只是问问项目，其他什么都没考，觉得是KPI，结果等了一周后果然挂了先说一下你最近做的这个项目？从哪些方面去考虑性能优化？在服务端会有一些什么样的一个优化方案吗？ CDN 跟那个常规的服务器或者说 cos（没听懂是什么，CORS存儲？） 就是这种存储它的优势在哪？在一些项目的处理中，会考虑把一些常用的东西，常用的一些模块进行一些封装吗？用户给你反馈这个页面白屏，你会怎么去定位这个问题呢？你觉得你把一个项目发布到线上之后，你怎么去监控整体的服务质量呢？

面试官人很好，问的问题都很业务很实际，而且提问很细项目拷打1.你在公司级项目里做前后端协作时，和上下游、后端一般是怎么配合的？2.你理解的 RESTful 是什么？3.你简历里写了 JsBridge，那它的实现原理是什么？你们项目里具体怎么用的？是不是基于某个 APP 基座开发？端上同学有没有参与支持？4.你在移动端开发里是怎么调试的？如果线上或开发中出现 bug，你能做到哪些排查动作，比如连开发环境、看控制台、断点调试？6.你对 SSE 的理解是什么？它的传输方向、通信特点，以及前端接收流式数据的方式你了解多少？八股15.Vue2 和 Vue3 的主要区别是什么？为什么 Vue2 的 defineProperty 明明有局限，日常开发里很多场景又还能响应？Vue2 做了什么补救，Vue3 为什么要改成 Proxy？16.你简历里写了参与多个企业级项目、也写了组件库，为什么这里只重点写了这两个项目？你具体做过哪些组件？17. 你做表单组件时，是怎么设计表单系统的？表单项怎么设计？值怎么收集？校验怎么做？受控 / 非受控、默认值、回填这些怎么处理？一个通用表单至少应该具备哪些能力？18.你对 HTTP 缓存的理解是什么？强缓存和协商缓存怎么区分？强刷为什么能拿到最新资源？如果我想让某个资源请求时不要走缓存，该怎么做？手撕19. 请你手写一个防抖函数，并运行验证一下。你在实际业务里是怎么使用 debounce 的？平时有没有用过 Lodash？20.你了解 Jest、测试用例、单元测试吗？单元测试是做什么的？21. 请你写一个爬楼梯，或者直接讲思路也可以。状态转移和边界条件是什么？

1.怎么去实现不同端的这个响应式布局的呢？2.盒模型的两种类型知道吗？可以简述一下它的区别吗？3.Flex 布局平时用的多吗？你知道哪些？就是对 Flex 的常用的一些属性。4.CSS 中的伪类和伪元素它有什么区别？5.闭包？闭包的作用和缺点是什么？6. JS 的原型链7.数组的常用方法有哪些？8.往数组里面增加元素或者删除元素，怎么弄？9.promise 的作用和它的三种形态10.promise 就是有一些常用的方法有哪些？11.H5 与原生 APP 通讯，通过Jsbridge，然后你是怎么去实现？12. VUE 2 和 VUE 3 的核心区别13.Vue 里面就是组件之间相互通讯有哪些方式？14.全局状态的管理，pinia和vuex他们俩就是有什么区别呢？15.业务组件库。支持多系统复用于统一。就是你做这种就是复用的组件，是一个什么思路？16.权限管理你们是怎么实现的呢？17.项目中有没有做过一些什么性能相关的优化呢？18.项目成员之间代码同步管理怎么做的？ pull 和那个 fetch 的区别知道吗？19.Web SOCKET 的工作原理是什么吗？20.H5 有没有涉及到一些？就是需要数据库里面的数据来支撑，就是前后端联调的情况。21.Ajax请求，需要去封装一个统一的请求拦截器，你会想去怎么做呢？22.跨域，就是实际开发中有碰到过跨域问题吗？怎么去解决跨域问题，配置的思路是什么？23.为什么跨专业，什么契机或者是为什么你想要去从事前端这个岗位呢？24.开始系统学习前端这一块的技术，你是通过什么方式呢？有没有遇到比较难的技术问题？然后你自己是怎么解决的？25.未来对自己的就是近 3 年来的职业规划或者是学习规划3月24号面完到现在再也没收到消息了，不知道什么意思

你觉得实习做的项目最有挑战性的事情是什么？你可以简单介绍一下，是他你遇到的什么问题，然后通过什么方案进行解决了。RBAC 的一个权限系统设计这一块，是你负责参与设计的还是说了解的这一块？算法题：偶数相加、hardman（链式调用、promise）网络相关 GIF，压缩防抖节流浏览器安全相关的一些攻击手段和那个原理浏览器的事件循环在日常写编码的过程中。借助的一些 AI 工具或者说 Web coding 之类的，你是怎么来实践的呀？全程只面了40分钟左右，面试官很友善

线下面试的公司，一到就先把你带去电脑面前写题，考的用原生JS写点击按钮回到页面顶部八股：选择器类型选择器权重盒模型种类事件委托（事件代理）是什么docker容器和镜像的区别docker中管理多个容器有什么方法keepalive的原理

1.项目拷打（MongoDB、数据库链接方式、流式输出、NestJS的DTO、装饰器）2.useCallback和useMemo的区别