兄弟连html5视频教程

兄弟连这套 HTML5 视频，放在今天看有点微妙：它不是那种教你用框架拼页面的课，而是把 HTML5 规范里那批"新东西"逐个拆开讲——地理位置、桌面提醒、文件、Web SQL、IndexedDB、WebSocket、Web Worker、离线存储，外加 CSS3。讲师丛浩，以 JavaScript 作为统一的操作语言，每个知识点都配实例。

需要先摆明一个判断：这套内容有明确的时效边界。Web SQL Database 早已被废弃，IndexedDB 才是现在该用的；桌面提醒 API 也早已被 Notification API 取代。所以别把它当成能直接抄进项目的参考手册，它的价值在别处——把浏览器从"文档渲染器"变成"应用运行时"的那一轮能力扩张，讲得足够细。

课纲里真正稀缺的部分

市面上讲 HTML5 的资料，绝大多数停在语义标签、表单新属性、audio/video 这一层，再往下就断了。而这套课的重心恰恰在下面那一层。

值得精看的是存储和通信这两块。离线存储、Web SQL、IndexedDB 连着讲，等于把浏览器端持久化的三条技术路线摆在一起对比——虽然其中一条已经死掉，但"为什么会有这三种方案、各自想解决什么问题"这条线索，比单独学一个 API 有用得多。WebSocket 那部分同理，讲的是协议本身而非某个库的封装，理解了握手和帧的模型，后面用任何语言的实现都不会慌。

Web Worker 和地理位置 API 属于中等优先级。前者是浏览器多线程的入口，概念不难但坑不少，跟着敲一遍实例比读文档快；后者逻辑简单，主要是权限和精度问题，快进看完即可。CSS3 部分在这套课里是配角，如果冲着 CSS 来，收获有限。

哪些章节可以快进

• HTML 标签层面的改动——语义化标签、新表单类型这些，任何一本现代前端书里都有，且讲得更新。
• Web SQL 的语法细节——知道它存在、知道它为什么被淘汰就够了，不必跟着写完整 CRUD。
• 桌面提醒的调用流程——API 名字都变了，看个思路即可。

反过来，如果时间只够看三段，建议锁死 WebSocket、IndexedDB、Web Worker。这三块是后来所有前端工程化的地基，早看早受益。

资料包怎么拆

这套资料按"主题簇"拆比按集数顺序看更划算。存储类（离线存储 + Web SQL + IndexedDB）集中一次看完，横向对比的记忆效果远好于分散到不同天。通信类（WebSocket + Worker）可以放一起，都涉及主线程与外部世界的交互模型。

视频本身适合一遍过 + 回看实例，不建议逐帧做笔记——HTML5 API 的细节太多，笔记不如直接写一个能跑的小 demo。真要留档，留自己的实验代码比留课程摘要值钱。

适合谁，不适合谁

如果你已经能用 JS 操作 DOM，想搞清楚浏览器底层提供了哪些能力、这些能力后来是怎么演化的，这套课值得挖。如果你在找能立刻上手做项目的现代前端课程，它会让你困惑——里面一半的 API 你已经不该再用了。

把它当作一份"技术考古 + 能力地图"来用，含金量反而比当教程高。