首页 › 合集 › 八戒网前端开发实战系列
合集封面

八戒网前端开发实战系列

这是一套面向中高级前端工程师的实战课程合集,涵盖现代Web应用开发的核心技术栈。从React生态到Vue3架构,从性能优化到工程化实践,每个视频都基于真实项目场景,帮助你构建完整的前端知识体系。课程采用循序渐进的方式,先讲解技术原理,再进行代码实操,最后通过项目巩固。适合有一定JavaScript基础、希望系统提升前端开发能力的工程师观看。更新节奏为每周三期,持续更新中。

视频数量 18集
总时长 12小时42分
总播放 287万
最近更新 2026-11-02
创建者 前端技术研习社
视频缩略图 01 42:18

React 18 并发渲染机制深度解析

探讨React 18引入的并发特性,包括自动批处理、Transition API和Suspense的实际应用场景

18.2万播放 · 2.3k弹幕 2026-08-15

通过实际代码演示React 18的核心更新,理解并发模式如何提升用户体验

立即播放
视频缩略图 02 38:56

Vue 3 组合式API最佳实践

系统讲解Composition API的设计思想,对比Options API的优劣,给出企业级项目的代码组织方案

22.7万播放 · 1.8k弹幕 2026-08-22

掌握Vue 3组合式API的核心用法,构建可维护的大型前端应用

立即播放
视频缩略图 03 51:24

从零搭建基于Vite的现代化工程体系

完整演示Vite项目的配置过程,包含TypeScript、ESLint、Prettier、Husky等工具链的整合

15.3万播放 · 2.1k弹幕 2026-08-29

打造高效的开发环境,建立规范化的代码质量保障体系

立即播放
视频缩略图 04 46:32

Webpack 5与Rollup打包优化实战

对比两大打包工具的适用场景,深入讲解Tree Shaking、Code Splitting和缓存策略

19.8万播放 · 1.6k弹幕 2026-09-05

掌握前端构建工具的底层原理,实现生产环境的极致优化

立即播放
视频缩略图 05 35:47

CSS-in-JS方案选型与性能对比

全面评测Styled Components、Emotion、Tailwind CSS等主流方案的性能表现和开发体验

12.4万播放 · 892弹幕 2026-09-12

选择最适合你项目的样式解决方案,平衡开发效率与运行性能

立即播放
视频缩略图 06 44:15

微前端架构设计与qiankun实战

讲解微前端的核心概念,通过qiankun框架实现多个子应用的独立部署与运行

24.6万播放 · 3.2k弹幕 2026-09-19

解决大型前端项目的团队协作难题,实现真正的技术栈无关

立即播放
视频缩略图 07 40:28

前端性能监控体系搭建指南

从数据采集到可视化分析,构建完整的性能监控平台,包含FCP、LCP、CLS等核心指标

16.9万播放 · 1.4k弹幕 2026-09-26

建立数据驱动的性能优化流程,精准定位线上问题

立即播放
视频缩略图 08 48:53

GraphQL在前端的实践与Apollo客户端配置

介绍GraphQL的查询语言特性,演示如何在React应用中集成Apollo Client进行数据管理

11.2万播放 · 756弹幕 2026-10-03

掌握现代化的数据获取方式,提升前后端协作效率

立即播放
视频缩略图 09 37:19

Next.js服务端渲染与静态生成策略

深入SSR和SSG的技术细节,对比不同渲染模式的适用场景和性能差异

20.3万播放 · 2.7k弹幕 2026-10-10

构建SEO友好的React应用,提升首屏加载速度

立即播放
视频缩略图 10 43:41

前端状态管理方案演进:Redux到Zustand

梳理状态管理的发展历程,对比Redux、MobX、Recoil、Zustand等方案的设计哲学

17.8万播放 · 1.9k弹幕 2026-10-17

选择适合项目规模的状态管理工具,避免过度设计

立即播放
视频缩略图 11 52:06

WebAssembly在前端的应用场景探索

通过实际案例演示如何用Rust编写高性能计算模块,并在JavaScript中调用

9.7万播放 · 1.1k弹幕 2026-10-24

突破JavaScript性能瓶颈,在浏览器中运行接近原生的代码

立即播放
视频缩略图 12 39:54

组件库设计原则与Storybook文档化

讲解企业级组件库的架构设计,使用Storybook搭建可交互的组件文档系统

14.5万播放 · 1.3k弹幕 2026-10-31

构建可复用的UI组件体系,提升团队协作效率

立即播放
视频缩略图 13 41:37

前端单元测试与E2E测试实战

使用Jest和React Testing Library编写组件测试,结合Cypress实现端到端自动化

13.1万播放 · 967弹幕 2026-11-02

建立完善的测试体系,保障代码质量和重构信心

立即播放
视频缩略图 14 36:22

PWA渐进式Web应用开发技术

实现Service Worker离线缓存、消息推送和桌面安装功能,打造类原生的Web体验

10.8万播放 · 724弹幕 2026-09-08

提升Web应用的可靠性和用户粘性,降低开发成本

立即播放
视频缩略图 15 45:49

Monorepo项目管理与pnpm工作区配置

使用pnpm搭建Monorepo架构,管理多个相关联的前端项目和共享依赖

16.2万播放 · 2.0k弹幕 2026-09-15

优化大型代码库的依赖管理,实现高效的多包开发流程

立即播放
视频缩略图 16 38:14

前端安全防护:XSS与CSRF攻击防御

深入讲解常见Web安全漏洞的原理和防御手段,包括内容安全策略CSP的配置

21.4万播放 · 2.8k弹幕 2026-10-06

构建安全的前端应用,保护用户数据不被窃取

立即播放
视频缩略图 17 42:55

无障碍访问ARIA标准与实践

学习Web可访问性规范,使用语义化HTML和ARIA属性优化屏幕阅读器体验

8.9万播放 · 612弹幕 2026-10-13

让Web应用惠及所有用户,履行社会责任

立即播放
视频缩略图 18 49:31

前端DevOps实践:CI/CD流水线搭建

使用GitHub Actions自动化构建、测试和部署流程,实现代码提交到上线的全自动化

19.6万播放 · 2.5k弹幕 2026-10-20

提升交付效率,减少人为错误,实现持续集成与部署

立即播放

观看指南

本合集是一套系统性的前端进阶课程,建议按照以下顺序学习以获得最佳效果:

每个视频都包含完整的代码演示和项目源码,可在评论区获取配套资源。课程难度循序渐进,但也支持跳跃式学习。如果你已经熟悉某个技术栈,可以直接跳到感兴趣的章节。建议配合官方文档和实际项目练习,理论与实践相结合才能真正掌握这些技术。