缘缘堂

Appearance

腾讯前端面经 - 高频考点清单 ​

本文档根据腾讯前端面试真实题目,整理出高频考点,帮助候选人重点准备常考内容。

目录 ​

超高频率考点 ​

网络协议 ​

  • TCP三次握手和四次挥手
  • HTTP和HTTPS的区别
  • HTTP状态码及其含义
  • 浏览器缓存机制(强缓存/对比缓存)
  • HTTP/1.0、HTTP/1.1、HTTP/2的区别
  • WebSocket与HTTP的区别和建立过程

JavaScript基础 ​

  • 原型链和继承
  • 闭包的理解和应用
  • 事件循环机制(Event Loop)
  • ES6新特性(Promise、async/await、Set/Map)
  • 变量提升
  • 基本数据类型和引用类型

Vue框架 ​

  • Vue生命周期
  • Vue响应式原理(Vue2 vs Vue3)
  • 虚拟DOM和Diff算法
  • computed和watch的区别
  • nextTick的实现原理

性能优化 ​

  • 重绘和重排(Repaint/Reflow)
  • 首屏加载优化
  • Webpack打包优化
  • 移动端适配(flexible、1像素问题)

前端安全 ​

  • XSS攻击及其防范
  • CSRF攻击及其防范
  • 同源策略和跨域解决方案
  • Token机制

工程化 ​

  • Webpack构建流程
  • Loader和Plugin的工作机制
  • 代码分割和路由懒加载

高频考点 ​

网络协议 ​

  • TCP和UDP的区别及应用场景
  • HTTP/2的多路复用
  • CDN工作原理
  • keep-alive和contentLength
  • HTTPS证书交换和验证
  • 跨域解决方案(CORS、JSONP)

JavaScript基础 ​

  • 快速排序算法
  • 数组的sort排序
  • 函数柯里化
  • 数组扁平化
  • 树形结构转换
  • LRU缓存机制

Vue框架 ​

  • Vue-loader工作原理
  • Vue2和Vue3的差异
  • 函数式编程的理解
  • createRender函数
  • computed的缓存实现(dirty)

性能优化 ​

  • CSS像素比
  • GPU加速
  • Canvas vs SVG
  • FCP、LCP指标
  • SSR和预渲染的区别

前端安全 ​

  • JWT vs Cookie
  • DDoS攻击防御
  • 表单验证最佳实践

工程化 ​

  • Vite优势
  • sourcemap原理
  • Babel转译原理
  • polyfill

Node.js ​

  • Node事件循环机制
  • Stream模式
  • Koa vs Express

小程序 ​

  • 小程序与Vue的区别
  • setData性能问题
  • jsbridge

其他技术 ​

  • 微前端(qiankun)
  • PWA/ServiceWorker
  • WebWorker
  • 低代码
  • 云原生

中频考点 ​

算法题 ​

  • 动态规划(爬楼梯、打家劫舍)
  • 二分查找
  • 回文字符串
  • 最长不重复子串
  • 堆排序
  • 图相关题目
  • 手写bind
  • 手写Promise

项目经验 ​

  • 项目难点和解决方案
  • 性能优化实践
  • 分片上传
  • 部署流程
  • loader和plugin开发

个人问题 ​

  • 自我介绍
  • 学习方法
  • 抗压能力
  • 技术博客
  • 业余爱好

TOP 20 核心题目 ​

网络协议(5题) ​

  1. 描述从浏览器地址栏输入URL到页面完整呈现的整个过程？
  2. TCP三次握手和四次挥手的过程是怎样的？
  3. HTTP与HTTPS的主要区别是什么？
  4. 浏览器缓存机制有哪些？强缓存和对比缓存对应的请求头是什么？
  5. HTTP/1.0、HTTP/1.1、HTTP/2之间的主要区别是什么？

JavaScript基础(5题) ​

  1. 说一下原型链,以及如何实现继承？
  2. 解释闭包的概念和应用场景？
  3. 分析setTimeout(0)和promise.then()的区别,结合事件循环机制说明？
  4. Vue中nextTick的实现原理是什么？
  5. 如何实现数组扁平化？要求不使用递归和字符串处理

Vue框架(4题) ​

  1. Vue 2和Vue 3双向绑定原理有何不同？
  2. 虚拟DOM和Diff算法的具体比较过程？
  3. computed和watch的区别是什么？computed的缓存(dirty)如何实现？
  4. Vue-loader做了哪些事情？

前端安全(3题) ​

  1. XSS攻击和CSRF攻击的区别和防范措施？
  2. 同源策略是什么？有哪些跨域解决方案？
  3. Token如何防范CSRF攻击？

性能优化(3题) ​

  1. 阐述重绘和重排的概念,以及如何优化？
  2. 移动端适配如何实现？flexible原理是什么？1像素问题如何解决？
  3. 如何优化Webpack打包速度？代码分割和路由懒加载的原理是什么？

备考建议 ​

重点准备顺序 ​

  1. 第一优先级：网络协议、JavaScript基础、Vue框架
  2. 第二优先级：前端安全、性能优化、工程化
  3. 第三优先级：算法题、Node.js、小程序、其他技术

复习策略 ​

  1. 理论知识：理解原理,不要死记硬背
  2. 代码实现：手写核心算法和功能(如bind、Promise、快速排序)
  3. 项目经验：梳理项目难点和优化点,准备量化数据
  4. 算法刷题：重点刷LeetCode中等难度题目,尤其是动态规划和二分查找

WXG特殊要求 ​

  • WXG对算法要求极高,必须重点准备
  • 推荐刷CodeTop上WXG相关的题目
  • 重点关注动态规划、图、树相关题目
  • 面试可能有笔试环节,需要1小时内完成多道算法题

其他建议 ​

  • 准备好自我介绍和项目介绍
  • 思考自己的技术优势和劣势
  • 准备几个向面试官提问的问题
  • 保持良好的沟通和表达能力

Released under the MIT License.

Copyright © 2019-present Evan You