1. 自我介绍2. 组件库打包工具选型（npm/pnpm/yarn）的区别和技术考量3. ESM和UMD模块化的核心区别4. 组件库的样式管理机制如何实现灵活主题切换5. Message组件为何采用函数式调用6. 函数式组件和Class组件的本质区别7. 性能优化除了Performance工具还了解哪些方法8. 电商项目中localStorage存储的用户数据具体指什么9. 对HTML语义化标签的理解和价值10. span/p/div标签的使用场景差异11. 行内元素与块级元素的区别及居中方案12. JavaScript的数据类型有哪些13. Object和其他数据类型的本质区别14. 判断数据类型的常用方法15. 数据类型判断代码输出题（4小题）16. 原型链的设计目的和实现机制17. 原型链相关代码输出题（5小题）18. 对事件委托和事件冒泡的理解19. vue如何实现按钮点击事件绑定20. 事件循环（Event Loop）的运行机制21. 宏任务/微任务执行顺序代码题（基础版）22. 含Promise的宏微任务执行顺序代码题（进阶版）23. 常用的数组API及使用场景24. 手写实现数组的map方法25. 是否有AI工具链开发经验26. 是否尝试过本地大模型训练或AI编程工具27. 反问

如题，前端已经g了，一大波年轻coder涌入前端，甚至民间有传闻（学不会后端的朋友才学前端，意思是前端简单？？！！），前端要学的东西太多了，更新又快。目前本科前端甚至找不到实习，别说找工作了，没有强硬的功底和项目别想安全下车。后端一片红海，培训机构一大堆，和中小厂签订协议，就像制造一批机器一样，不断地运输前往，固定的薪资，每月返点给机构。算法当立，可惜门槛太高，目前多家大厂投入大量资金搞研发，高端算法人极其缺乏，薪资待遇好，发展前景高（民间传闻，算法可退居二线，俯冲前端后端）。

一面 1h10min 6.201、语义化为了什么，语义化在你的项目中，你做了什么？2、有两种盒模型，你说说看，这两种盒模型有什么区别，在开发过程中，使用到的是哪种盒模型？3、怎么去清除浮动？4、css选择器了解过吗，说一下权重。给同一div加上先绑定id，使用id选择器给红色，使用类选择器给绿色，最终显示什么颜色。5、css样式，a元素给了相对定位，z-index是1；b元素给了相对定位，z-index是2，c也给了相对定位，z-index是3，c他会覆盖b吗6、css模块化有了解吗？7、BFC范式了解过吗，如何创建一个BFC8、原型链了解过吗？说说看？9、函数里面创建了一个变量a并赋值，然后再把a赋值成方法，输出a，结果是什么？10、讲一下前公司开发具体流程吧11、异步编程说一下12、讲一下这个事件循环13、ajax用过吗，平时用什么？14、js的数据类型知道吗？如何判断数据类型？15、作用域了解过吗？var声明和let声明执行相关的问题？16、用class创建一个类，类里面创建一个方法fn()，方法输出console.log(this)。创建这个实例，然后调用这个实例.fn()，结果是什么？再把这个实例.fn赋值给一个变量，然后执行这个变量，输出又是什么？17、this指针了解过吗？改变指针的有哪些方法？说一下箭头函数的this18、讲一下闭包？作用？19、讲一个开发中最大收获吧20、浏览器了解吗，解释一下url输入到浏览器的过程？21、讲一下浏览器的控制台工具都有哪些吧，有什么功能说一说22、页面的性能优化怎么做？23、代码规范是怎么实现的？24、开发过程中，遇见问题怎么做？25、有没有开源项目，说一下26、未来一两年的规划？27、你觉得你在开发过程中遇到的开发过程遇到的最兴奋的点是什么？28、加班问题怎么看29、自身优缺点说一下30、如果领导跟你的意见不合，你会怎么做。31、面试官：如果我想让你做坏一个项目，你会怎么做？我：啊？来真的啊。嘿嘿反问：1、公司干的什么活？给机器人做中控系统，vue去实现对机器人的操控页面。2、结果？三天内6.25 二面 CTO面问我职业发展规划；起冲突了怎么解决；数学建模比赛的课题是什么，做的什么内容。反问：做什么业务？对发布出去的机器人软件更新，以及对后续机器人的软件开发。 使用vue3进行对机器人中控页面的性能优化等等6.27 oc

回馈一下牛子，发一些小厂的面经~ 大厂面经随缘更新了，记录第一次找实习的日子。欢聚网络一面寄(第一次面中大厂，被拷打烂了)，小红书一面寄，字节二面寄(二面状态一坨狗是)，美团一面寄，哈啰已offer~迈出了第一步了，ACM区域铜邀请银勇闯前端，希望可以越来越好吧。小厂1：(1) 自我介绍(2) (3) 拷打项目(4)(5) 什么时候开始学习前端，学了多长时间。(6) 什么时候学习vue，学了多长时间。(7) vue2、vue3的区别。(8) computed 和 watch的区别，分别是干嘛的。(9) vue2、vue3分别是怎么实现watch侦听的，两者的区别。(10) vue3实现watch的proxy的缺点。(11) Es6常用的语法。(12) Promise是如何实现的。(13) let 和 const 的区别(14) let、const作用域的底层原理。(15) set 和 map的区别。(16)  如何改变this，后面提示了call, apply, bind，让我分别说说。(17) 在网页输入url，页面渲染出来的全部流程。(18)  浏览器渲染页面的流程。(19)  重绘和回流(重排) 的区别。(20)  项目遇到的困难，怎么解决的。反问：(1) 我：询问我的表现(2) 我：业务，技术框架小厂2：(1) 自我介绍(2) 项目拷打(3) websocket(4) 讲讲flex, 主要用到的属性。(5) let、var，const的区别。(6) 为什么选择前端。(7) 前端学了多久。(8) 前端是学校教的吗？还是自学。(9)  vue学习了多长时间， 是怎么学习的。(10) v-if 和 v-show的区别。(11) v-if 和 v-show哪个性能较差。(12) 有没有在日常项目中使用过。(13)  vue子传父通信(14)  vue父传子通信(15)  vue2的option api 中为什么data要是一个函数，而不是直接是一个对象。(16)  vue2和vue3侦听数据的区别。小厂3：(1) 自我介绍。(2) 项目主要做了什么？(3) 项目主要用了什么技术。(4) 我在项目中主要做了什么？(5) 怎么使用的，聊天窗吗？(6) 有没有用过什么UI框架。(7) 在项目中做了哪些性能优化？可以好好总结一下。(8) 是怎么优化缓存的。详细过程，全方位拷打。(9) 如果缓存那里是写死的，能不能固定下来，不需要每次都发送网络请求。(10) 还用过什么ui框架。(11) 为什么会用到 markdown.js。(13) 知道几种选择器，详细说说。(14) Less和Sass用过哪一个。(15) 水平垂直居中的方式？有点忘记了。(16) 说说你的项目团队。(17) 用什么管理代码的？讲讲git常用命令。(18) 用什么进行代码编写，会不会用ai去协助书写代码？(19) js的数据类型有哪些？(20) 引用数据类型和值类型的区别？(21) window对象  和  document对象分别是什么。(22) 跨域是什么。(23) 怎么将字符串转换成数字？说出了一种手撸的原始人办法，脑子有点过载了。(24) v-for的key是用来干啥的。(25) vue如何实现双向绑定？(26) 有没有了解过uniapp(27) 小程序学过吗(28) 有没有了解过react，会不会react。(29) 继续拷打项目...(30) 怎么学习前端的。小厂全过，小厂杀手