袋鼠云一面

📍面试公司：袋鼠云

🕐面试时间：3.3

💻面试岗位：前端实习生

❓面试问题：

算法,手撕

// 给定一个对象数组和一个回调函数，根据回调函数的返回值对数组元素进行分组。

// 例如：

// 输入: [{id: 1, type: 'A'}, {id: 2, type: 'B'}, {id: 3, type: 'A'}], item => item.type

// 输出: { A: [{id: 1, type: 'A'}, {id: 3, type: 'A'}], B: [{id: 2, type: 'B'}] }

// 实现一个防抖函数 `debounce(func, wait, immediate)`。
// 该函数用于限制某个函数的执行频率，即在指定的时间 `wait` 内，
// 如果该函数被多次调用，则只执行最后一次调用，支持通过immediate
// 来指定是否立即执行

八股

Vue 组件通信

• 常用：props / emit、v-model
• 跨组件：provide / inject（跨层级）
• 组件封装：defineProps、defineEmits

Vue2 / Vue3 响应式原理

• Vue2：Object.defineProperty（数组处理不友好）
• Vue3：Proxy（对数组、对象支持更好）
• 核心：get 收集依赖，set 触发更新

CSS 居中方式

• 父相子绝 + margin: auto
• Flex：justify-content / align-items: center
• 绝对定位 + top/right/bottom/left: 0 + margin: auto

Flex 常见属性

• flex: 0 1 auto 含义：flex-grow / flex-shrink / flex-basis

拷打项目，面试官随机选择，专挑不会的的地方问

对AI的认识，有没有关注什么新的知识，然后学到一个新的东西怎么学

🙌面试感想：有点压力，之前看到过说袋鼠云会压力人，手撕算法有点紧张，因为之前没遇到过，没理解到第一个题目意思，然后代码能力确实有点差，被说太喜欢用AI辅助了，防抖节流才写了又紧张忘了，还是得抗压训练啊....但是虽然压力大但是面试官还是在积极的引导我.....后面聊项目就放松了，暂时没收到二面通知，应该也G了，后面还有几个小厂....