01

日志管理概述 开篇

为什么需要日志 演进历史 · 前端角色

02

console对象详解 基础

log/warn/error table · time · 调试技巧

03

日志级别设计 规范

debug/info/warn error/fatal 划分场景

04

结构化日志 JSON

字段设计 上下文注入 · 可查询

05

日志分类策略 模块/功能

按模块分类 功能 · 用户行为

06

日志采样与节流 性能

降级策略 采样率 · 性能影响

07

日志存储方案 选型

localStorage IndexedDB · 远程对比

08

日志上报机制 Beacon/fetch

Beacon API fetch · XHR 实现

09

日志压缩与批处理 优化

批量上报 Gzip · 数据去重

10

日志脱敏与安全 合规

敏感字段过滤 加密 · GDPR

11

日志可视化工具 集成

Chrome DevTools LogRocket · Sentry

12

自定义日志SDK设计 架构

插件机制 扩展点 · 架构设计

13

日志与监控体系 联动

错误监控 性能 · 用户行为分析

14

日志在CI/CD中的应用 自动化

构建日志 部署 · 自动化测试

15

日志查询与分析 ELK/Loki

ELK Stack Grafana Loki · 自建

16

日志告警规则 通知

基于日志量 错误率 · 关键词

17

日志与链路追踪 OpenTelemetry

Trace ID 跨服务关联

18

日志在微前端中的应用 隔离

子应用隔离 主应用聚合

19

日志在SSR/SSG中的应用 协同

服务端日志 客户端日志协同

20

日志在移动端H5中的应用 离线

离线日志 弱网上报 · 存储限制

21

日志在Web Worker中的应用 多线程

Worker内捕获 主线程通信

22

日志在Electron中的应用 桌面

主进程 渲染进程日志管理

23

日志在Node.js中间层 服务

请求日志 错误 · 性能日志

24

日志在低代码平台 组件

组件日志 用户操作 · 渲染日志

25

大型项目日志治理 规范

规范制定 代码审查 · 自动化

26

日志与A/B测试 实验

实验日志 指标计算 · 效果分析

27

日志与AI结合 智能

异常检测 根因分析 · 智能告警

28

日志成本控制 优化

存储成本 传输 · 计算优化

29

日志最佳实践 团队

团队协作 文档化 · 持续改进

30

日志管理未来趋势 展望

OpenTelemetry eBPF · 无服务器