# 大纲

# 大类占比

  • 基础八股文:30%
  • 项目:30%
  • 技术深度和原理:20%
  • 算法:15%
  • 技术广度:5%

# 知识点框架

  1. html,css,js
  2. ts
  3. 框架
  4. 工程化
  5. 性能优化
  6. 浏览器
  7. 计算机网络
  8. 手写题
  9. 算法

# 考点梳理

# 基础知识整理

# 1.js

# 2.vue

# 3.网络

  1. HTTP
  2. HTTPS
  3. TCP&UDP
  4. DNS
  5. session、cookie
  6. 安全
  7. 跨域

# 4.浏览器原理

知识点串联:
- 先讲 输入 URL 到页面呈现,然后引入
- 浏览器的 本地存储浏览器缓存性能优化重排和重绘
- 接着引入计算机网络的 网络安全DNSHTTPTCPWebSocket,说到 WebSocket 和 网络安全
- 那么我们可以谈谈 跨域 以及 垃圾回收,垃圾回收 又涉及它的回收机制 LRU 缓存淘汰策略 等。

  1. url 输入到展示
  2. 进程、线程
  3. 本地存储
  4. 缓存
  5. 渲染和资源加载
  6. 重绘重排
  7. 垃圾回收

# 5.工程化

  1. webpack
  2. vite

# 项目整理

  1. 微前端

    • qiankun、single-spa
    • monorepo
    • tsx
    • 复杂组件
    • 虚拟列表
    • 权限设计
  2. 低代码

    • 工作原理(配置化)
    • 性能监控
    • 拖拽
    • 组件开发
    • git 工作流
  3. 中知数通系列

    • vite

    • jspdf

    • puppeteer

    • echarts

    • tailwind css

    • pinia

项目重点从以下几方面着手准备

  • 对项目中使用到的技术的深挖
  • 对项目整体设计思路的把控
  • 对项目运作流程的管理
  • 团队协作的能力
  • 项目的优化点有哪些

# 优秀 up 主

菜猫子neko-阿里巴巴 (opens new window) 面题前端监控

李永宁lyn (opens new window) vue2源码 微前端

CUGGZ (opens new window) 最全面的面题

谭光志 (opens new window) 励志前端大佬 微前端 低代码

子弈-alibaba (opens new window) 阿里大佬 很难的面题

jsliang求职系列 (opens new window) 比较全面

# 面经

霖呆呆的中大厂面试记录及2年前端薪资对比 (opens new window)

2022凛冬之时三年经验前端面经 (opens new window)

「2022面经」:2年前端拿下字节阿里offer总结 (opens new window)

面经|三四月前端面试问题记录 (opens new window)

2021字节跳动前端-掘金-cjinhuo (opens new window)

前端八股文大纲 (opens new window)

我背透了这些前端八股文 (opens new window)

做了一份前端面试复习计划,保熟~ (opens new window)