技术趋势

Google I/O 2023 - 10个Web新动向

这篇文章介绍了2023 Google I/O 大会上提出的关于WebGPU，WebAssembly，隐私沙盒，新的核心网络指标INP等方面的更新，通过这篇文章可以了解最新的web技术动向。

INP 更好的核心 Web 指标！

这篇文章介绍了核心web指标都有哪些，同时重点阐述了Google新推出的INP(Interaction to Next Paint)核心指标的出现的背景以及其计算方式，如何优化INP以及INP的一些局限性。

精选文章

揭秘 JavaScript 代码整洁技巧，让你的项目更出众

这篇文章介绍如何使JavaScript代码更整洁，包括清晰命名、删除重复代码、避免副作用和多条件分支，封装副作用和使用注释。还探讨了使用对象解构和封装判断条件的方法，以及采用getter和setter隐藏内容。遵循单一职责原则确保代码简洁、可维护和高效。通过这些技巧，你可以提升代码质量和开发效率。

如何把前端项目写成一座屎山？

这篇文章列举了一些将前端项目变得糟糕的技巧。作者指出了一些糟糕的实践，如拒绝使用TypeScript、拒绝使用React Hooks、不进行模块抽象和复用、编写冗长的组件等。了解这些错误的做法将帮助你避免在项目中犯类似的错误，从而提高代码的可读性、可维护性和可扩展性。

React：我们的用法习惯可能是错误的

这篇文章列举了React开发过程中常见的错误用法，包括过多声明状态、过度使用useEffect、请求竞争问题以及组件间传递ref特殊属性等。作者结合自己的开发经验纠正了这些错误用法，帮助你提升React应用的性能和可维护性。

大型 3D 互动项目开发和优化实践

本文介绍了在元宇宙概念火爆的背景下，开发团队在一个使用3D场景的互动项目中的经验和实践。文章涵盖了选择前端框架、开发工具和渲染库的决策过程，以及项目场景搭建和交互组件开发中遇到的挑战和解决方案。此外，文章还介绍了在开发过程中的优化实践，如碰撞检测、镜头避障和与设计团队资源交接等。对于对3D互动项目开发感兴趣的读者，这篇文章将提供有价值的经验和思路。

领域驱动设计DDD｜从入门到代码实践

该文章介绍了领域驱动设计(DDD)的一些基本概念，为了便于理解，作者结合实际的项目落地实践来一步步讲解如何把DDD的理念运用起来，把高深莫测的DDD理念易于理解。像作者说的那样DDD只是架构师们在架构设计过程中的一种指导思想，它本质上是一种工具。深刻理解业务，洞察问题本质才是一个架构师最核心的能力体现。

图解72个机器学习知识点

这篇文章主要介绍了机器学习的基本概念、术语以及机器学习算法的分类。它是一篇很好的机器学习入门文章，通过图解的方式生动地解释了机器学习中的重要概念，帮助读者快速了解机器学习的基础知识。

谈谈前端模块化的演变历程

本文深入介绍了前端模块化的概念以及其演变历程。它详细比较了不同前端模块方案，如AMD、CMD、UMD、CommonJS和ES Module的区别，并提供了相应的使用示例。通过阅读这篇文章，你将对前端模块化的发展有更深入的了解，以及如何选择适合你的项目的模块化方案。

前端一周精选（第01期）