业界动态
W3C 将 Web Audio API 提升为官方标准
近日，W3C 将 Web Audio API 提升为官方标准，作为一个 JavaScript API，Web Audio API 可用于在 Web 浏览器中直接创建和操作音频内容。
Web Audio API 专注于音频的创建和操作，而不仅仅是音频的播放。它提供了一套丰富的模块化构件，网络和应用开发者可以将其结合起来创造出广泛的应用，包括：用户界面中的听觉反馈、乐器、娱乐和游戏的音轨和效果、教学、AR 和 VR 的空间音频、在线音频编辑应用、车载音乐管理的淡入淡出和压缩，以及音频分析和可视化。
Next.js 11 正式发布
Next.js 11 已正式发布，新版本主要变化：
- 一致性：提供精心打磨的解决方案以支持最佳用户体验的系统
- 提升性能：进一步优化以缩短冷启动时间，以便开发者更快地开始编码
- next/script：自动优先加载第三方脚本以提升性能
- ......（详情：nextjs.org/blog/next-1…
好文推荐
本教程介绍了如何使用 Performance API 记录来自访问您的应用程序的真实用户的类似 DevTool 的统计信息。 使用浏览器 DevTools 评估 Web 应用程序性能很有用，但复制实际使用情况并不容易。使用不同设备、浏览器和网络的不同地点的人都会有不同的体验。
我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，这篇文章，笔者想结合自己的一些成长经历整理出一些路线，帮助各位初中级前端工程师少走一些弯路。
在讲 Plugin 之前，我们先来了解下 Webpack。本质上，Webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。它能够解析我们的代码，生成对应的依赖关系，然后将不同的模块达成一个或多个 bundle。
领域驱动，各自只管各自的模块，顶层再来进行组装和分配
- 坚持根据特性区命名目录。
- 坚持为每个特性区创建一个 NgModule。
能提供限界上下文，将某些功能牢牢地锁在一个地方，开发某个功能时，只需要关心这个模块就够了。
大家好，最近我准备在组里进行代码串讲，所以我梳理了下项目之前的业务代码。在梳理的过程中，我看到了有个进度条组件写的非常好，这又想起我刚开始学前端时写的进度条的代码，跟这个比起来真的差距太大了（大部分的初学者应该都想不到，而且我第一次实习的公司带我的mentor亦是如此）。 因此，我想给大家分享一下这个思路极好的进度条组件，同时它也存在非常严重的性能问题，本文末尾也会讲解一下问题所在以及优化方式。
欢迎大家踊跃投稿，提出建议帮助前端周刊做得更好。
投稿方式：直接分享文章的链接给周刊组成员。
关于我们：我们是晓教育集团大教学前端团队，是一个年轻的团队。我们支持了集团几乎所有的教学业务。现伴随着事业群的高速发展，团队也在迅速扩张，欢迎各位前端高手加入我们~ 我们希望你是：技术上基础扎实、某领域深入；学习上善于沉淀、持续学习；性格上乐观开朗、活泼外向。 如有兴趣加入我们，欢迎发送简历至邮箱：
