前端开发

Area: 前端开发

创建用户交互界面的技术领域，关注体验、性能与兼容性。

---

领域知识图谱

mindmap
    root((前端开发))
        父级
            软件工程
        子级
            前端基础
            浏览器
            Web通信
            前端框架
            前端工程化
            交互与动画
            性能与安全
        同级
            后端开发
            移动开发
            DevOps
        关联
            设计系统
            用户体验

---

领域定义

• 核心范畴：用户界面开发、交互实现、浏览器兼容性
• 不包括：后端业务逻辑、数据库管理
• 与相关领域的区别：关注用户可见的呈现层，而非服务端数据处理

---

长期目标

• 愿景：成为能够独立负责中大型前端项目的高级工程师
• 里程碑：
  • 阶段 1：掌握 JavaScript/Typescript/Vue/React 核心原理
    • JavaScript ✅ 2026-03-16
    • TypeScript
    • Vue
    • React
  • 阶段 2：建立完整工程化知识体系 ✅ 2026-03-16
  • 阶段 3：深入性能优化与架构设计

---

关键领域

前端开发的核心知识主题

• 前端基础
  • JavaScript
  • HTML
  • CSS
• 浏览器
  • 浏览器 — 前端代码的宿主环境
  • 浏览器核心架构 — 多进程架构
  • 浏览器渲染流程 — 页面从代码到像素
  • 浏览器安全机制 — 沙箱与隔离
• Web 通信
  • HTTP — 应用层协议基础
  • HTTP~1.1 — 持久连接、管道化
  • HTTP~2 — 多路复用、头部压缩
  • HTTP~3 — QUIC 协议
  • HTTPS — 安全传输
  • AJAX — 异步通信技术
• 前端框架
  • 前端框架 — 框架总览
  • Vue — 渐进式框架
  • React — 函数式框架
• 前端工程化⭐
  • 前端工程化 — 工程化体系
  • Webpack — 模块打包
  • Vite — 现代构建工具
• Web 存储
  • Web存储 — 客户端存储技术
  • localStorage 、sessionStorage — 键值对存储
  • IndexedDB — 结构化数据存储
• 交互与动画
  • 前端交互 — 动画、事件、手势
  • Web动画 — 动画体系
  • Web事件 — 事件处理
• 性能与安全⭐
  • 前端性能优化 — 前端性能提升
  • Web安全 — 安全机制

---

标准流程

前端开发的标准化操作流程

• SOP-前端项目启动流程 — 项目初始化、配置、开发、构建
• SOP-代码审查流程 — PR 创建、审查、合并规范

---

FAQ

前端开发领域的常见问题

• Q-Web Components 能否成为下一代前端框架
• Q-如何将AI能力有效融入前端开发工作流

---

领域健康度

维度	状态	说明
目标进展	🟡	有相关项目进行中
认知更新	🟢	持续学习新技术
行动频率	🟢	日常开发工作