编辑推荐
尤雨溪解读2022 Web前端生态趋势
7月22日，尤雨溪在稀土开发者大会直播中分享《2022 Web前端生态趋势》，本文详尽记录下整个分享内容：开发范式&底层框架、工具链、上层框架等，错过直播的同学可以花点时间复习一下文章。
深入浅出依赖注入及其在抖音直播中的应用
本文试图从原理入手，讲清楚什么是依赖，什么是反转，依赖反转与控制反转的关系又是什么？一个依赖注入框架应该具备哪些能力？抖音直播又是如何通过依赖注入优雅地实现模块间的解耦？通过对依赖注入架构优缺点的分析，能对其能有更全面的了解，为后续的架构设计工作带来更多的灵感。
深度阅读
Bun 是否能挑战 Webpack、Vite 的霸主地位？
最近，JavaScript 工具生态系统中出现了一个新成员 —— Bun。它的目标是让整个 JavaScript 开发过程更加快速，这是一个全能的工具，它不仅加快了编译和解析的速度，还提供了自己的依赖项管理器工具和捆绑。
这个工具还没有为在生产环境中使用做好准备，但它的未来看起来很光明。本文将介绍这个新工具，以及它与 NPM、Esbuild、Babel 和 Webpack 之间的对比。
前端构建效率优化之路
打包构建优化是伴随项目的成长需要持续不断去做的事情，本文将详细介绍随着项目体量不断增大，对项目整体的 Webpack 构建效率的优化之路。
一文带你打通前端沙箱的"任督二脉"
本文介绍了沙箱的基本概念、应用场景及各种实现方式，合理利用沙箱可以有效提高系统的安全性，但也不要神化沙箱，要通过多方面的安全措施来提高系统安全性。毕竟你不知道下一种沙箱逃逸会多变态！
外文精选
The 10 Most Common JavaScript Issues Developers Face
Many of JavaScript’s subtleties lead to a number of common problems that keep it from working—10 of which we discuss here—that are important to be aware of and avoid in one’s quest to become a master JavaScript developer.
Rethinking Device Emulation in browsers
Device Emulation in developer tools is great, but it doesn’t deliver to all users of it and could be much better.
实践应用
一文搞懂 3D 世界里的灯光
添加灯光其实和添加其它 3D 对象一样简单，首先实例化一个灯光，然后通过 scene.add 将其添加到场景中。在 Three.js 中有多种类型的灯光，我们将在这一小节中详细了解所有不同类型的灯光以及如何使用它们。
如何写出不可维护的 Vue 代码
- data 属性数量过多
- 组件入参数量过多
- mixins 和业务代码耦合
- 不要封装纯函数
- 数据结构尽量复杂
- 不写注释或写无法理解的注释
- 将前端逻辑变重
- 不封装 mixins 与组件
前端富文本基础及实现
文章浅度介绍了前端富文本编辑器基本实现原理，与部分关键特性如选区、内容编辑、工具栏组件等的常见实现方式。
