腾讯-CSIG一校招 · 第 1 轮 · 第一轮

Mon, 28 Jul 2025 14:52:54 +0000

← 已是第一轮 · 返回本次面经 · 第 1 轮 →

本轮概述： 一面主要考察前端基础，难度不大。

面试时间： 90分钟

本轮要点： 基础概念理解深入，能够解释原理和应用场景

代码实现思路清晰，考虑边界情况和性能优化

对前端技术栈有系统性认知，了解技术发展趋势

具备解决实际问题的能力和工程化思维

本轮共 12 道题。答案默认折叠，便于先自行作答。

1. 为什么选择前端

题目要点

作为校招生，回答"为什么选择前端"时要避免空喊"热爱"或跟风，建议用具体经历+能力匹配+行业洞察的三段式结构，既体现思考深度又展示成长潜力。

参考答案

以下是分场景的高分回答模板：

版本一：技术驱动型（适合有项目经历的同学）

“选择前端源于两次关键经历：

大一用Vue重构学院官网时，发现通过组件化开发能将设计稿像素级还原，这种’所见即所得’的即时反馈让我着迷；

在实习中做低代码平台时，用React+D3.js实现拖拽生成图表，体会到前端不仅是实现UI，更是连接用户与数据的桥梁。
前端技术迭代快（如WebAssembly、微前端）的特点，恰好匹配我热衷通过技术解决实际问题的性格。贵司的XX业务（如电商/数据可视化）对交互体验要求极高，我的XX项目经验（举例）能快速落地。”

版本二：用户导向型（适合非科班转行的同学）

“虽然我是工业设计专业，但大三时用Figma做APP原型时，发现静态设计无法验证用户真实体验。于是自学Three.js做了3D产品展示页，通过A/B测试发现3D交互使用户停留时长提升40%。这让我意识到：前端是设计落地的’最后一公里’。
前端独有的**‘技术+设计+心理学’交叉属性**（如用Framer-motion设计微交互引导用户操作），让我能用代码延续设计价值。贵司注重用户体验（如引用官网案例），我的设计背景+代码能力能提供差异化视角。”

版本三：行业趋势型（适合技术视野广的同学）

“选择前端是因为它是最接近技术变革一线的领域：

云原生时代：前端从浏览器扩展到全端（如Electron桌面应用、小程序）；

AI赋能：WebGL+TF.js让前端直接运行AI模型（如实时人脸检测）；

IoT场景：前端技术控制智能家居（如用WebSerial协议与硬件通信）。
我在开源项目参与过WebRTC实时互动功能开发，体会到前端工程师正在定义下一代人机交互标准。贵司的XX业务（如智能硬件/元宇宙）正处于这些趋势的交汇点，我的XX技能（如WebGL/跨端开发）能直接贡献。”

避坑提示

不要只说"喜欢 visible 的结果"：改为**“享受从像素级还原到性能优化的全链路挑战”**（体现技术深度）。
避免"前端简单"的刻板印象：改为**“前端是工程复杂度最高的领域之一，需同时处理兼容性、状态管理、性能优化多端适配”**（展示认知）。
关联公司业务：提前研究官网/技术博客，比如：“注意到贵司用Next.js重构了主站，我对其中SSG/ISR的SEO优化策略很感兴趣”（体现调研）。

最后，用成长型结尾强化潜力：“作为校招生，我清楚自己缺乏高并发场景经验，但已系统学习Chrome DevTools性能分析，并模拟过百万级PV的SSR优化（举例），期待在贵司的实际业务中深化这些能力。”

2. 框架理解 - Nest.js设计思想

题目要点

分层架构、功能增强、多种设计模式应用

参考答案

Nest.js基于Express或Fastify进行封装，采用分层架构设计。底层HTTP服务器提供基础的请求处理能力，Nest.js在此基础上添加了依赖注入、装饰器、模块化等企业级特性。这确实类似装饰器模式，每一层都在不改变核心功能的前提下增强框架能力。

除了装饰器模式，还了解观察者模式（发布-订阅），常用于事件系统和状态管理；工厂模式，用于创建不同类型的对象实例；单例模式，确保全局唯一实例等。

3. 闭包概念和产生原因

题目要点

词法作用域、变量访问权限、执行环境保持

参考答案

闭包是指函数能够访问其外部作用域变量的特性。产生闭包的原因是JavaScript的词法作用域机制，函数在定义时就确定了可访问的变量范围，即使在其他执行环境中调用也能保持这种访问能力。

function createCounter() {
 let count = 0;
 return function() {
 return ++count;
 };
}

const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2

4. 闭包内存问题及解决方案

题目要点

引用保持、垃圾回收阻塞、手动清理、变量提取

腾讯-CSIG一校招 · 第 1 轮 · 第二轮

Mon, 28 Jul 2025 14:52:54 +0000

← 第 1 轮 · 返回本次面经 · 已是最后一轮 →

本轮概述： 第二轮对技术深度有一定的考察。对构建工具有深入理解，能够分析技术选型原因掌握React核心概念和性能优化技巧具备网络协议和安全知识代码实现能力强，能够设计合理的算法和架构理解设计模式在实际场景中的应用

本轮共 14 道题。答案默认折叠，便于先自行作答。

1. Node中间件的作用和使用

题目要点

请求拦截处理、横切关注点、链式执行、功能解耦

参考答案

中间件是在请求和响应之间执行的函数，用于处理横切关注点。在Express/Nest.js中，中间件按顺序执行，每个中间件可以修改请求对象、响应对象，或者终止请求-响应循环。

常用的中间件包括：

身份验证中间件：验证用户token
日志中间件：记录请求信息
错误处理中间件：统一处理异常
CORS中间件：处理跨域请求
参数验证中间件：验证请求参数格式

2. 大模型的理解和应用

题目要点

语言模型、涌现能力、开发辅助、安全考虑

参考答案

大模型是基于Transformer架构的深度学习模型，通过大规模数据训练获得强大的语言理解和生成能力。主要特点是参数量巨大、涌现能力强、通用性好。

在开发中的应用：

代码生成和补全：提高开发效率
文档生成：自动生成API文档和注释
代码审查：发现潜在问题和优化建议
需求分析：辅助理解业务逻辑

使用时需要注意数据安全、结果准确性验证、成本控制等问题。

3. Webpack vs Vite 的理解和区别

题目要点

构建原理差异、性能表现、生态成熟度、配置复杂度

参考答案

Webpack是基于模块打包的构建工具，通过入口文件分析依赖关系，将所有资源打包成bundle。Vite是基于ES模块的构建工具，开发时利用浏览器原生ES模块支持，生产时使用Rollup打包。

主要区别：

启动速度：Vite利用ES模块按需加载，启动更快；Webpack需要预先打包
热更新：Vite基于ES模块的HMR更精确；Webpack需要重新打包相关模块
生态系统：Webpack生态更成熟，插件丰富；Vite相对较新但发展迅速
配置复杂度：Vite开箱即用，配置简单；Webpack配置相对复杂

4. 项目选择构建工具的考虑

题目要点

开发体验优先、项目延续性、团队熟悉度、稳定性考虑

参考答案

个人项目选择Vite主要考虑开发体验，启动快、热更新迅速，配置简单，适合快速原型开发。实习项目使用Webpack主要因为：

历史项目延续性，已有完整的配置和工作流
团队熟悉度高，维护成本低
生态系统成熟，特殊需求的插件支持更好
大型项目的稳定性考虑

5. Vite 开发环境与生产环境差异

题目要点

按需加载vs完整打包、开发体验vs生产优化、不同构建工具

参考答案

开发环境：

腾讯-CSIG一校招 on Last Stand

腾讯-CSIG一校招 · 第 1 轮 · 第一轮

1. 为什么选择前端

题目要点

版本一：技术驱动型（适合有项目经历的同学）

版本二：用户导向型（适合非科班转行的同学）

版本三：行业趋势型（适合技术视野广的同学）

避坑提示

2. 框架理解 - Nest.js设计思想

题目要点

3. 闭包概念和产生原因

题目要点

4. 闭包内存问题及解决方案

题目要点

腾讯-CSIG一校招 · 第 1 轮 · 第二轮

1. Node中间件的作用和使用

题目要点

2. 大模型的理解和应用

题目要点

3. Webpack vs Vite 的理解和区别

题目要点

4. 项目选择构建工具的考虑

题目要点

5. Vite 开发环境与生产环境差异

题目要点