VIP14
本课程属于：064-嵌入式UI实战与岗位提升 嵌入式与底层系统 · 共 14 门相关课程，组合学习更完整。
查看所属VIP全部课程 →
← 返回所属目录 咨询 / 购买

UI事件驱动架构的实战搭建工程

共计 30 章节
可可资料掘金营 · 点击在线试看
01
课程导入
目标=UI事件驱动架构的定义 · 学习目标 · 整体课程框架与实战项目介绍
课程导入UI
02
事件驱动基础
目标=事件 · 事件源 · 事件监听器
事件驱动基础目标=事件
03
UI事件类型与传播
目标=鼠标 · 键盘 · 触摸
UI事件类型
04
事件驱动架构设计原则
目标=松耦合 · 单一职责 · 发布订阅模式
事件驱动架构设计…目标=松耦合
05
从DOM事件到应用事件
目标=原生事件封装 · 自定义事件创建 · 事件命名规范与数据传递
DOM事件到应用事件
06
事件总线实现
目标=手写EventEmitter · 发布订阅中心 · 事件注册/注销/触发机制与内存管理
事件总线实现EventEmitter
07
状态管理与事件驱动
目标=事件驱动与状态驱动对比 · Redux · Vuex
状态管理事件驱动
08
组件通信与事件
目标=父子组件事件 · 兄弟组件通信 · 跨层级事件传递与全局事件总线
组件通信事件
09
异步事件处理
目标=Promise · async/await · 事件队列
异步事件处理Promise
10
事件性能优化
目标=事件节流 · 防抖 · 被动事件监听
事件性能优化目标=事件节流
11
实战项目初始化
目标=搭建工程脚手架 · 目录结构 · 构建工具选型与基础事件模块设计
实战项目初始化目标=搭建工程脚…
12
核心事件模块开发
目标=实现事件中心 · 事件注册表 · 事件派发器与中间件机制
核心事件模块开发目标=实现事件
13
UI组件事件绑定
目标=按钮 · 表单 · 列表
UI组件事件绑定
14
事件驱动路由
目标=基于事件的前端路由跳转 · 路由守卫与页面生命周期事件
事件驱动路由目标=基于事件的…
15
事件驱动数据流
目标=单向数据流 · 事件溯源 · 状态变更事件与视图自动更新
事件驱动数据流目标=单向数据流
16
插件化事件扩展
目标=设计可插拔事件插件 · 动态注册事件与插件生命周期管理
插件化事件扩展目标=设计可插拔…
17
调试与测试
目标=事件日志 · 断点调试 · 单元测试与集成测试事件驱动逻辑
调试测试
18
常见问题与陷阱
目标=事件泄漏 · 重复绑定 · 事件顺序不确定
常见问题陷阱
19
跨端与跨框架事件
目标=Web Components · 微前端 · iframe通信与跨框架事件总线
跨端跨框架事件
20
综合实战一
目标=开发一个事件驱动的待办事项应用 · 涵盖增删改查与状态同步
综合实战一目标=开发一个事…
21
综合实战二
目标=构建事件驱动的实时聊天UI · 处理消息事件 · 在线状态与通知
综合实战二UI
22
综合实战三
目标=实现事件驱动的可视化仪表盘 · 支持拖拽 · 缩放与数据联动
综合实战三目标=实现事件驱…
23
架构演进与重构
目标=从事件驱动到领域驱动 · CQRS · Event Sourcing的演进路…
架构演进重构
24
工程化与最佳实践
目标=事件命名约定 · 文档化 · 版本管理
工程化最佳实践
25
性能监控与容错
目标=事件埋点 · 错误边界 · 降级策略与高可用事件架构
性能监控容错
26
安全与权限
目标=事件注入防护 · 权限校验 · 敏感事件加密与审计日志
安全权限
27
部署与运维
目标=构建优化 · CDN加速 · 事件服务端推送与WebSocket集…
部署运维
28
项目复盘与优化
目标=分析实战项目瓶颈 · 重构事件流 · 提升可维护性与扩展性
项目复盘优化
29
前沿趋势
目标=WebAssembly · AI驱动UI · 响应式编程与事件驱动架构的未来
前沿趋势WebAssembly
30
课程总结与进阶
目标=知识体系回顾 · 能力自评 · 进阶学习资源与职业发展建议
课程总结进阶