开放题1开放题：某在线教育平台需开发课程报名功能，核心流程为用户选择课程后提交报名请求，系统需完成 3 个操作，扣减用户账户中的课程优惠券，若有。二、生成课程报名订单并写入订单库。三、向用户推送报名成功消息，通过消息队列发送。由于用平台用户量较大，采用微服务架构，用户账户服务、订单服务、消息服务分别为独立服务，且使用不同的数据库，账户库、订单库。请回答以下问题：1、若不做特殊处理，上述流程可能出现哪些数据不一致的问题？请举例说明。至少两种场景，需描述具体体现象及影响。2、为保障三个操作者最终一致性，可采用本地消息表加消息队列方案。请详细描述该方案在本题场景中的具体实现步骤，需包含各服务的核心逻...

一、自我介绍与项目介绍​请进行自我介绍（个人背景、技术栈、求职方向等）​介绍你参与过的重点项目（项目背景、你的职责、技术难点、解决方案、项目成果）​二、前端构建工具相关​构建工具 Webpack、Vite 和 Rollup 的使用场景分别是什么？​Webpack 的完整构建流程是怎样的？​如何通过 Webpack 去除项目中的冗余代码？​请解释 Tree Shaking 的原理，以及在什么场景下能生效？​三、前端模块化规范相关​前端常用的模块化规范有哪些？​详细说明 ES6 模块化（ES Module）和 CommonJS 模块化的区别。​Node.js 采用的是什么模块化规范？​为什么 Co...

📍面试公司：中软🕐面试时间：10.09💻面试岗位：前端开发❓面试问题： 1. CSS Flex 布局相关 - Flex 布局中常用的容器属性和项目属性有哪些？ - Flex 布局如何实现换行（换行相关属性及用法）？ - Flex 布局如何控制主轴方向为横向或竖向（主轴方向属性及用法）？ 2. JavaScript 数组方法相关 - JavaScript 中有哪些常用的数组方法？请举例说明其功能（如遍历、增删、转换等）。 3. Vue3 通信相关 - Vue3 中父子组件如何通过数组（如 props 传递数组、emit 携带数组参数）实现通信？ - Vue3 中除了父子组件通信，还有哪些常...

1. 请简单做自我介绍，并介绍参与过的前端项目（重点提及交互式校园信息网站、AI智能体、求职信息管理小程序等项目背景与技术栈）2. 交互式校园信息网站是否做了移动端适配？如何实现的响应式布局？3. 项目中使用Three.js实现3D地球可视化时，如何解决移动端性能问题？具体做了哪些优化（如模型精简、资源按需加载等）？4. Three.js资源第二次进入首页时如何处理加载？是否做了缓存？缓存时是否加了哈希？加哈希的作用及缓存策略如何配置？5. 为什么使用Tailwind CSS？相比其他CSS库（如Bootstrap），它的优势是什么？6. Flex布局与Grid布局的核心区别及适用场景分别是什么？7. Flex布局的常用样式属性有哪些？各自作用是什么（如display:flex、flex-direction、justify-content、align-items、flex-wrap、gap、order、flex-grow等）？8. 如何用Grid布局实现“两行两列网格”“网格元素占据两个格子”“网格元素水平垂直居中”？grid-template-columns/rows中repeat()函数、fr单位的作用是什么？9. CSS中transition属性的参数有哪些？分别代表什么（如过渡属性名、持续时间、过渡函数、延迟时间）？10. transform属性的功能是什么？常用函数有哪些（如translate、rotate、scale、skew）？translate3d()与2D translate的区别是什么？11. 实现元素水平居中的3种方案是什么？如何实现元素水平垂直居中？12. 什么是BFC（块级格式化上下文）？它的作用是什么？如何解决“两个相邻div外边距合并”问题？若想让两个div间距为150px（分别设置margin-bottom:100px和margin-top:50px），该怎么做？13. CSS中position属性的取值有哪些？各自定位规则是什么（static、relative、absolute、fixed、sticky）？absolute定位的参考对象是什么？sticky定位的特点是什么？14. JavaScript中事件委托的概念是什么？为什么要使用事件委托？优势有哪些（减少内存开销、简化新增/删除子元素的事件处理）？15. DOM二级事件处理函数addEventListener的三个参数分别是什么？第三个参数为布尔值时的作用（捕获/冒泡阶段）；若为对象，常用属性及效果是什么？16. 点击事件的触发顺序是怎样的（先捕获后冒泡）？若父子元素都绑定click事件，点击子元素时事件执行顺序是什么？如何阻止事件冒泡？17. Vue3的主要生命周期钩子函数有哪些？各自执行时机是什么（如onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted、onActivated、onDeactivated）？18. Vue3中最早可在哪个生命周期获取组件加载的DOM元素？为什么？19. 若组件被<keep-alive>缓存，想执行特定操作需用哪个生命周期？组件缓存后mounted钩子为何不执行？20. Vue3中父组件如何调用子组件的事件？子组件如何调用父组件的事件？21. 反问环节：实习地点（成都/深圳）、实习期时长要求、转正机会及考核标准、薪资结构、团队业务方向等面试时长1h，包含自我介绍、项目深挖（✅）、技术八股提问（✅答上了70%）及反问环节还是挂了 实习生也这么卷吗【hr姐姐人很温柔也很好，面试官 也很好 不会的八股会引导】