华海智汇 前端面经

线下面试，需要自带简历，面试地点在编程猫公司会议室里1. 自我介绍2. 开发相关- 平常是怎么使用git，怎么创建新的分支- 上一家公司怎么进行code review的- 用过哪些AI工具来帮助自己开发提效3. CSS- CSS优先级, 哪个优先级是最高的- 用CSS实现居中对齐有哪些方式- 有没有用过display: grid, 它有什么限制- 在需要验证某个CSS特性或者JS特性的浏览器兼容性的时候，怎么去查- CSS中transition和animation的区别4. JavaScript- JS有哪些基础类型- JS中值类型和引用类型有什么不同- JS里的深拷贝一般怎么实现，有哪些现成的第三方库可以用- 讲一下事件循环- 事件循环中的微任务和宏任务平时有没有用到过，比如Vue中的this.$nextTick- 介绍一下JS中的原型和原型链- 如果想要创建一个原型为空的对象应该怎么做5. TypeScript- TS中的type和interface有什么区别- 项目中的.d.ts的作用？6. 框架- Vue3和Vue2的区别- Vue3和React的区别- React中，useEffect是如何使用的，依赖项传与不传的区别7. HTTP协议- 浏览器缓存是如何实现的- 平常开发中打包后的HTML文件以及JS， CSS文件的处理方式- localStorage, sessionStorage和IndexedDB的区别- 跨域是什么，如何从纯前端的角度实现跨域8. 项目经验- 说一下自己实现过的最难的项目- 开发过程中遇到页面卡顿的情况，应该怎么处理（提示：可以用devtools的Performance）- 怎么样实现一个可拖拽的元素9. 公司相关- 有没有用过编程猫的产品- 如果要你用AI对话框实现一个编程猫产品的积木模块的添加功能，你要怎么实现10. 反问环节#编程猫##前端##社招##面经##前端面试#

有的同学在问要不要学vue2，我感觉学技术应用的时候，直接学vue3，背原理八股文的时候再背vue2，就跟React的类组件一样，我根本不想学也不想用，但是有些面试还喜欢问生命周期，，但是我保证 某几个大厂你进去实习包是需要维护那个vue2史山 甚至是vue2.5用不了v-slot版然后 这其实是一个八股 vue3比vue2好在哪一、响应式系统革新Vue2 基于 Object.defineProperty 的响应式存在硬伤：无法监听动态新增属性、数组索引修改需特殊处理。Vue3 采用 Proxy 重构后：自动追踪深层嵌套对象变化数组操作无需特殊 API（如 push直接生效）内存占用显著降低（官方测试减少约 40%）渲染性能优化（复杂场景实测提升 1.5-2 倍）二、组合式 API 颠覆逻辑组织方式对比 Vue2 的选项式 API，组合式 API 实现逻辑关注点聚合高复用性：业务逻辑可封装为独立函数跨组件复用TS 友好：天然支持类型推导，复杂项目维护性提升逻辑解耦：同一功能相关代码集中管理（如数据+请求+状态）心智负担降低：解决this 上下文问题，函数作用域更清晰三、工程化能力全面升级Tree-shaking 优化：打包体积减少 40%+（仅引入使用到的功能）模块化设计：核心库拆分为独立模块（如响应式/编译器分离）兼容性策略：提供渐进式迁移方案，支持与 Vue2 混用生态协同：Vite 构建工具等新库四、新特性解决历史痛点多根组件模板：摆脱外层冗余  包裹Teleport 组件：优雅处理全局弹窗/Toast 等 DOM 层级问题自定义渲染器：突破 Web 限制，可开发小程序/Canvas 应用Fragment 支持：服务端渲染 (SSR) 性能显著优化五、长期维护与生态趋势官方维护策略：Vue2 已于 2023 年底停止维护社区资源倾斜：全家桶已全面适配 V3TypeScript 深度整合：类型提示覆盖模板/Props/自定义Hook未来演进基础：新功能（如 Suspense/新的 DevTools）仅支持 V3

项目鞭打的内容略过1. 要定义一个动画，你能想到几种方式？2. 你了解像素单位吗？能讲一下这一类单位有多少种？3. 10vh 代表什么意思？（上一题我说到了vh）4. 你用过 rpx吗？5. 我有一个变量，想准确判断它的数据类型，合理的判断流程是什么？6. 你知道原型链判断数据类型的风险吗？它的风险是什么？7. 你了解浏览器缓存吗？有哪些缓存控制字段？8. 浏览器的 ETag 是如何计算的？9. Last-Modified 方式的缺点是什么？10. 你能讲一下浏览器的渲染流程吗？11. 在这个渲染流程中，浏览器会跑两个钩子函数，它们的触发时机是什么？12. 了解 React Fiber 的基本原理吗？能讲一下吗？13. 你知道浏览器的跨域请求是怎么解决的吗？14. 你们项目中是如何处理跨域的？15. 你能讲一下 JSONP 的原理吗？为什么要用 

 重庆三峡医药高等学校实习生短期工5个月 开年干 实习转岗 想进大小厂 能吃苦耐劳，专心学习，动手能力强。 另带我一个同学一起。