├── 前端高级架构与解决方案全套目录
├── 1-共学会整体介绍
├── 2-综合解决方案导读
├── 3-标准化大厂编程规范解决方案 (ESLint + Prettier + Git Hooks)
│ ├── 3-2 代码检测工具 ESLint
│ ├── 3-3 代码格式化 Prettier
│ ├── 3-5 Git 提交规范与 Husky + Commitlint
│ └── 3-10 lint-staged 自动修复格式错误
├── 4-企业级多端响应式适配方案
│ ├── 4-2 响应式原理与移动优先原则
│ ├── 4-4 rem 与 viewport 移动端适配方案
│ ├── 4-7 异形屏适配方案
│ └── …
├── 5-Web性能优化核心解决方案
│ ├── 5-2 性能优化标准与企业级方案
│ ├── 5-6 数据懒加载与图片懒加载
│ ├── 5-12 打包体积优化与 CDN 方案
│ └── …
├── 6-企业应用渲染解决方案 (CSR / SSR / Prerender)
│ ├── 6-2 hash 与 history 模式服务端呈现
│ ├── 6-6 CSR 客户端渲染与 SSR 服务端渲染原理
│ ├── 6-8 SSR 企业实现方案
│ └── 6-9 Prerender 预渲染针对非动态项目解决方案
├── 7-前端安全解决方案
│ ├── 7-2 XSS（跨站脚本攻击）原理与防护
│ ├── 7-4 CSRF（跨站请求伪造）原理与防护
│ └── 7-6 点击劫持（Clickjacking）与安全防护
├── 8-可视化前置 SVG 与 Canvas 详解
│ ├── 8-2 SVG 特性、原理与企业解决方案
│ └── 8-7 Canvas 特性与柱形图绘制
├── 9-图表与数据可视化 (Echarts + Vite + DataV)
│ ├── 9-2 基于 Vite + TailwindCSS 创建大屏
│ ├── 9-3 Echarts + Axios 动态数据获取
│ ├── 9-6 柱形图、雷达图、环形图与地图绘制
│ └── 9-12 大屏数据展示组件库 DataV
├── 10-WebGL 和 3D 渲染 (Three.js)
│ ├── 10-2 Canvas、OpenGL 与 WebGL 关系
│ ├── 10-3 Three.js 理论与实战体验
│ ├── 10-5 载入 glb 3D模型、材质贴图与控制器
│ └── 10-9 动态车轮模型、阴影贴图与配置切换
├── 11-模块化与打包工具
│ ├── 11-2 CommonJS、ESM 模块化规范
│ ├── 11-5 Webpack、Rollup、Vite 优缺点与特性对比
│ └── 11-6 Vue-cli 构建原理
├── 12-JavaScript 库开发与开源
│ ├── 12-2 构建开源库打包与发布
│ ├── 12-4 多模块化方案支持与体积优化
│ └── 12-6 单元测试、测试覆盖率与环境模拟
├── 13-包管理器分析 (npm / yarn / pnpm)
├── 14-第三方工具方案 (Mock / UI库 / 设计协作)
├── 15-前端工程师职业发展与规划
├── 16-社群资源与面试/咨询
├── 17-简历优化与高薪求职指南
├── 18-书籍讲解——Vue.js 设计与实现
│ ├── 18-4 Vue 3 设计思路与响应系统实现
│ ├── 18-9 渲染器设计与 Diff 算法
│ ├── 18-15 组件实现原理与组件化
│ └── 18-18 编译器核心流程 (Parse / Transform / Generate)
└── 19-书籍讲解——JavaScript 高级程序设计 (红宝书)
├── 19-3 语言基础、变量、作用域与内存
├── 19-5 引用类型、迭代器与生成器
├── 19-8 对象、类与面向对象编程
└── 19-9 代理 (Proxy) 与反射 (Reflect)
