全栈大前端

# 考点大纲

# 计算机专业知识

# 数据结构与算法

  • 熟悉基本数据结构类型

    • 排序
    • 数组
    • 链表⭐️
    • 栈/队列
    • 字符串
    • 堆
    • 树/二叉树 ⭐️⭐️⭐️
    • 哈希表
    • 图

  • 掌握算法LeetCode 高频150道

算法高频分类讲解 (opens new window)

# 网络

  • Http

  • TCP

  • UDP/DNS/CDN

  • WebSocket/Socket.io

  • 前端相关

    • 跨域
    • 浏览器缓存
    • 请求库
      • Ajax
      • Axios
      • Fetch
      • Umi-Request
      • React-Query
      • SWR

  • 服务端相关

    • RPC
    • RESTFul

网络协议链接合集 (opens new window)

# 设计模式

  • 5大设计原则（SOLID）

    • 单一功能原则（Single Responsibility Principle）
    • 开放封闭原则（Opened Closed Principle）
    • 里式替换原则（Liskov Substitution Principle）
    • 接口隔离原则（Interface Segregation Principle）
    • 依赖反转原则（Dependency Inversion Principle）

  • 23种设计模式

    • 创建型
    • 行为型
    • 结构型

设计模式链接合集 (opens new window)

# 编程范式

  • 面向过程（Process Oriented Programming，POP）
  • 面向对象（Object Oriented Programming，OOP）
  • 面向接口（Interface Oriented Programming， IOP）
  • 面向切面（Aspect Oriented Programming，AOP）
  • 函数式（Funtional Programming，FP）
  • 响应式（Reactive Programming，RP）
  • 函数响应式（Functional Reactive Programming，FRP）

编程范式综合讲解 (opens new window)

# 操作系统/编译原理

  • CPU/内存/指令集

  • 进程/线程/协程/纤程

  • 编译原理

    • Babel
    • EsBuild
    • SWC

# 前端

# 基础知识

  • HTML

HTML面试合集 (opens new window)

  • CSS

CSS面试合集 (opens new window)

  • DOM/BOM

  • JavaScript

JS面试合集 (opens new window)

  • TypeScript

TS面试合集 (opens new window)

  • 浏览器知识

浏览器知识合集 (opens new window)

# 前端框架

  • React

全面掌握React (opens new window)

  • Vue

Vue面试合集 (opens new window)

  • 其他(Svelte、SolidJS、JQuery、Angular)

# 性能优化

  • 指标定义与收集

  • 加载过程优化

  • 交互过程优化

  • 构建过程优化

性能优化合集 (opens new window)

# 前端工程化

  • 微前端

    • SingleSpa
    • Qiankun
    • MicroApp
    • Garfish
    • IceStack
    • 模块联邦

  • 构建工具

    • Rollup
    • Gulp
    • Webpack
    • Vite
    • Snowpack

  • 模块化

    • CommonJS
    • AMD
    • CMD
    • UMD
    • ESModule

  • 编译原理

    • Babel
    • Esbuild
    • SWC

  • 包管理

    • Npm/Yarn/Pnpm
    • Monorepo/Lerna

  • 脚手架

    • Vue-CLi
    • Create-react-app
    • UMI
    • 自定义脚手架

  • 扩展

    • 性能优化
    • 前端安全
    • 前端监控
    • 自动化测试

# 跨端技术

  • Hybrid

    • Web app
    • PWA
    • Cordova
    • Ionic

  • 跨App

    • ReactNative
    • Flutter
    • Weex

  • 跨小程序/App/H5

    • Taro
    • Uni-app

  • 跨PC桌面

    • Electron
    • Tauri
    • WebView2

跨端技术综合汇总 (opens new window)

# 服务端

# Node框架

  • Express
    • Nest
  • Koa
    • Egg
    • Midway
  • SSR
    • Next
    • Nuxt

全面掌握Node.js (opens new window)

# DB和MQ

  • MongoDB
  • Redis
  • Mysql
  • RabbitMQ
  • Kafka

# DevOps

  • Nginx

  • Docker+K8s

  • CI/CD

  • Jenkins

# 其他

  • Gateway

  • ServerLess

  • GraphQL

  • 云原生技术

# 考察标准

# 前端基础、计算机基础 （40%）

  • 网络
  • 算法（刷题150道）⭐️
  • JavaScript（八股+手撸80道）⭐️⭐️
  • CSS
  • 浏览器知识

# 技术深度 （30%）

  • React（原理+手撸）⭐️⭐️⭐️
  • TypeScript（手撸类型体操）
  • 性能优化（指标+总结）⭐️⭐️

# 项目提炼 (20%)

  • 业务亮点
  • 承担角色
  • 难点攻克（2-3个案例）⭐️⭐️
  • 结果收获（数据指标）

# 技术广度 （10%）

  • 工程化⭐️⭐️⭐️
    • Webpack
    • Vite
    • 组件库
    • CLI
    • 监控
    • 灰度发布
    • 自动化测试
  • SSR⭐️⭐️
  • 微前端⭐️
  • 前端安全
  • Babel
  • Hybrid
  • 小程序
  • 跨端
  • 桌面开发
  • Node⭐️
  • Devops
  • DB

← 面试题 →