前端知识体系

一. HTML

• 什么是 HTML
• HTML 元素
• HTML 结构
• HTML 文档
• 字符实体

二. CSS

• 什么是 CSS
• CSS 用法
• CSS 选择器
• CSS 属性
• 优先级、继承、层叠
• 盒模型
• CSS 单位
• CSS 布局
• BFC

三. JavaScript

• 什么是 JavaScript
• 基础数据类型
• 对象类型
• 隐式类型转换
• 闭包/作用域链
• 原型对象/原型链
• this 指针
• 变量/函数提升
• 正则表达式
• 函数式编程
• 异步编程
• es6+语法

四. 浏览器

• DOM
• BOM
• 事件轮询(Event Loop)
• 页面渲染流程
• 同源策略
• 浏览器缓存
• 垃圾回收机制
• 进程/线程

五. 计算机网络

• 应用层
  • HTTP
    • Cookie/Session
    • MIME类型
    • 常见Web攻击
    • 缓存策略
    • HTTPS
  • HTTP/2
  • HTTP/3
• 传输层
  • TCP
  • UDP
• 网络层
  • IP地址
• 数据链路层
  • MAC地址
• 物理层

六. 前端工程化

• 包管理器
  • npm
  • yarn
  • pnpm
• babel
• 模块打包器
  • webpack
    • 热更新
    • 动态加载
    • 代码分割
    • tree shaking
    • 联邦模块
  • vite
  • esbuild
  • rollup
  • parcel
  • swc
  • lightningcss
• 代码规范
  • typescript
  • eslint
  • stylelint
  • prettier
• monorepo
  • lerna
  • nx
• 脚手架
• 代码质量
  • 单元测试
  • E2E测试
• CI/CD
• 灰度发布
• 服务监控
• 告警处理

七. React

• Fiber 架构
• 事件合成机制
• 常见Hooks原理
• 状态管理
• 路由管理
• 服务端渲染

八. Node

• 框架
  • express
  • koa
  • Nest.js

九. 数据结构与算法

• 数据结构
  • 数组
  • 字符串
  • 哈希表
  • 链表
  • 队列
  • 栈
  • 二叉树
• 算法
  • 双指针
  • 二分查找
  • 滑动窗口
  • 单调栈
  • 单调队列
  • BFS
  • 回溯算法
  • 排序算法

十. 解决方案

• 微前端
  • 优点
    • 技术栈无关
    • 协作效率
  • 解决方案
    • qiankun
    • wujie（基于iframe）
    • MicroApp（基于Web Components）
    • Webpack联邦模块
• 富文本
  • Slate
  • ProseMirror
  • Tiptap
  • Quill
  • Lexical
• 跨端
  • Taro
  • Flutter
  • ReactNative
  • Electron
• 低代码
• 数据可视化