WXG企业微信暑期前端一二面+面委+hr（已oc）

WXG企业微信暑期实习面试整体分析如下：

• 算法与数据结构

  版本号比较：考察基础逻辑实现能力，需处理字符串分割、数字比较及边界条件（如非数字字符、长度差异）。

  最长递增子序列（LIS）：要求空间复杂度优化至O(n)，需通过动态规划存储前驱索引而非直接保存子序列，体现对算法优化的理解。

• 前端框架原理

  Vue3响应式原理：基于Proxy实现数据劫持，通过依赖收集（targetMap→depsMap→dep）和派发更新（effect触发）完成响应式流程。

  虚拟DOM：通过diff算法最小化真实DOM操作，提升渲染性能；但在简单静态页面或频繁操作同一DOM时，直接操作真实DOM可能更高效。

  Composition API：解决Options API的逻辑复用问题，通过函数式编程提升代码可维护性。

  Vue Router模式：

  Hash模式：依赖URL hash变化，兼容性好但URL不美观。

  History模式：基于HTML5 History API，需后端配置支持。

• Node.js与工程化

  异步单线程：通过事件循环（Event Loop）实现非阻塞I/O，适合高并发场景。

  多进程处理：通过cluster模块或child_process创建子进程，进程数通常设为CPU核心数以充分利用资源。

  中间层项目：需阐述如何解耦前后端逻辑（如鉴权、数据格式转换）。

  图片懒加载：基于IntersectionObserver实现，需处理占位图、DPR适配及CDN质量参数（如固定档次取值以命中缓存）。

• 性能优化与安全

  宏任务/微任务：微任务优先级高于宏任务，大量微任务会阻塞后续宏任务执行。

  Vite核心：基于ES Module的按需加载、Rollup的JS转换及HMR（链失活、传播更新、自我接受）。

  Webpack HMR：通过热更新模块替换实现状态保留，但需全量打包。

  XSS/CSRF防护：

  XSS：输入过滤、CSP策略、避免innerHTML。

  CSRF：通过Token验证（存储于localStorage可防跨站请求，但需结合其他措施如SameSite Cookie）。

• 算法与项目结合

  合并k个有序链表：考察分治或优先队列（堆）的实现，需注意时间复杂度（O(n log k)）。

• 项目深度挖掘

  懒加载组件：需阐述占位图策略、DPR适配（如window.devicePixelRatio）及CDN参数优化。

  迷你Vite：需对比Webpack，提供性能数据（如冷启动时间、构建速度提升比例）。

  性能优化：

  打包工具升级（Webpack→Vite/Rollup）。

  HTTP/2多路复用减少连接数。

  浏览器缓存策略（Cache-Control、ETag）。

• 安全与职业规划

  攻击经验：需合法合规，如渗透测试或CTF竞赛经历。

  职业规划：结合前端技术趋势（如低代码、Serverless）表达长期目标。

• 项目含金量

  低代码平台：需突出动态表单生成、逻辑编排等核心功能，对比市面产品（如Amis、Formily）。

  组件库设计：通过高阶函数抽离命令式组件生命周期（创建、渲染、销毁），面试官建议向Element Plus提PR以验证代码质量。

• 技术视野

  中间层抽离：面试官提出新思路（如GraphQL聚合接口），需展现对前后端分离架构的理解。

• 产品理解

  微信问题：可提及社交过载、隐私保护等痛点。

  企业微信 vs 飞书：企业微信侧重与微信生态互通（如客户联系），飞书强调协作效率（如多维表格）。

  B站/小红书看法：B站需突出社区文化与长视频优势，小红书可强调内容种草与UGC生态。

• 职业动机

  需表达对WXG技术氛围的认可（如“小步快跑、技术驱动”）及长期发展意愿。

• 技术准备：重点复习算法（动态规划、链表操作）、前端框架原理（Vue3响应式、Vite HMR）、Node.js异步模型及性能优化手段。
• 项目展示：量化成果（如“懒加载提升页面加载速度30%”），突出技术深度（如Vite源码修改、组件库设计模式）。
• 软技能：展现学习能力（如快速掌握新框架）、团队协作经验（如工作室职责）及对WXG业务的了解。