首页
万码云课
码上记
小码问答
万码学堂
万码IT教育
TA们在万码
作品墙
大话编程
走向职场
开班信息
搜索
注册/登录
对不起，您还没有登录。视频仅向登录用户开放。
前后端分离开发模式精粹[前端工程化开发（Vue3）-首屏渲染优化（SSR/骨架屏）与PWA离线缓存]
课程介绍
课程目录
1
前后端分离模式与架构设计
1、核心概念与演进
18:40
2、前后端分离的历史背景（从MVC到SPA/微前端）
24:40
3、技术选型对比：SSR vs. CSR、BFF（Backend for Frontend）层设计
23:56
4、接口规范与设计原则
17:22
5、RESTful API设计（状态码/版本控制/HATEOAS）
16:44
6、OpenAPI 3.0文档自动生成（SpringDoc+Swagger UI）
18:13
2
前端工程化开发（Vue3）
1、前端工程体系
27:36
2、脚手架配置（Vite/Webpack多环境构建）
24:57
3、状态管理（Pinia）与组件库二次封装（Element Plus）
13:35
4、前端性能优化
24:47
5、请求合并与CDN加速（Webpack分包策略）
24:49
6、首屏渲染优化（SSR/骨架屏）与PWA离线缓存
21:22
3
后端服务化开发（Spring Boot）
1、后端服务架构
19:06
2、分层架构设计（Controller/Service/DAO）
18:02
3、全局异常处理与统一日志追踪（MDC+ELK）
19:33
4、接口安全与高并发
15:18
5、OAuth2.0+JWT鉴权方案（Spring Security）
19:32
6、分布式锁（Redisson）与限流降级（Sentinel）
23:25
4
前后端协同开发实战
1、协作流程与工具链
15:09
2、接口联调（Postman自动化测试+Mock.js数据模拟）
22:11
3、版本控制策略（Git分支模型+Semantic Versioning）
22:05
4、跨域与部署问题
15:34
5、CORS解决方案（Nginx反向代理与网关配置）
28:15
6、灰度发布（Nginx加权轮询+K8s金丝雀发布）
21:10
5
安全与性能调优
1、全链路安全防护
22:48
2、XSS/CSRF防御（前端过滤+后端校验）
22:08
3、敏感数据加密（AES+国密算法）与审计日志
13:55
4、性能瓶颈分析
19:54
5、前端Chrome Performance监控
14:24
6、后端Arthas诊断工具与MySQL慢查询优化
14:01
6
企业级项目实战
1、在线教育平台（BFF架构）
13:34
2、视频流处理（FFmpeg转码+分片上传）
27:27
3、实时互动（WebSocket课堂弹幕+答题统计）
23:11
4、智能仓储管理系统
20:15
5、分布式事务（Seata AT模式）
18:22
6、物联网设备通信（MQTT协议+规则引擎）
17:47
7
DevOps扩展与云原生
1、持续交付流水线
20:26
2、GitHub Actions自动化构建（单元测试+镜像推送）
20:31
3、容器化部署（Docker Compose多服务依赖）
27:56
4、监控与告警体系
19:43
5、业务埋点（Prometheus+Grafana看板）
16:31
6、日志报警（阿里云SLS日志服务）
25:05
牛叔叔
好好学习
我要评论
发布评论
视频评论
前后端分离模式与架构设计