WOT大会2023-大前端最佳实践专场-《Web 平台的新功能》

这门课在解决什么工作场景

如果你平时做前端开发，大概率遇到过这些情况：为了实现一个稍微复杂的动画或交互效果，得引入额外的第三方库，导致打包体积变大；或者为了让网页在不同设备上表现一致，写了一堆兜底逻辑和兼容代码；又或者明明浏览器已经原生支持了某些能力，但因为不知道，依然在用老方案绕路。这门关于 Web 平台新功能的课，针对的就是这种“重复造轮子”和“信息滞后”的日常痛点。它不是教你从零写页面，而是帮你梳理现代浏览器引擎到底新增了哪些原生能力，让你在遇到具体业务需求时，能第一时间想到用平台自带的工具去解决，从而减少对外部依赖的消耗，把代码写得更轻、更稳。

适合什么基础以及资料怎么看

这门内容不适合完全没摸过代码的纯新手。它默认你已经了解 HTML、CSS 和 JavaScript 的基础语法，知道浏览器大概是怎么渲染页面的，平时自己也能独立写一些业务页面。如果你是这种背景，看这份资料会很有收获。建议在看的时候不要只当成科普视频过一遍脑子，而是要跟着讲到的功能点去查阅对应的官方文档。先重点看那些和你当前工作痛点直接相关的模块，比如如果你平时做移动端适配比较多，就先去弄懂视口和交互能力相关的原生更新；如果你平时做首屏加载优化，就先关注资源加载和渲染调度的改进。遇到讲到的某个新 API，先暂停，在自己的测试项目里跑一下，看看实际表现，再继续往下看。这种带着验证目的去看资料的方式，比纯听讲解有效得多。

学完能独立做什么及练习建议

把这份资料的内容消化掉，你能独立做的一件事是：在团队内部做一次技术选型的评估。当产品提出一个新需求时，你能准确判断出哪些部分可以直接用浏览器原生功能实现，哪些部分依然需要借助成熟的库。你还可以在现有的老项目里做一次排查，找出那些可以用新平台能力替换掉的冗余代码，给项目减负。配合资料练习时，建议自己建一个空白的演示项目，专门用来测试这些新功能。每听完一个特性，就在这个项目里写一段最小验证代码，注释清楚这个功能适用的场景和可能存在的兼容性边界。这样一套流程走下来，你得到的不仅是几个新知识，而是一份属于你自己的技术备忘录，以后遇到实际业务直接套用就行。