前端早读精选

探索前端技术的无尽旅程从这里开始！每周精选前端领域的热门文章，在这份汇总中，发现前端技术的精髓，概括个人观点，共同探索前沿技术与行业动向。与笔者一起在每周的学习中前行，不容错过的前端精选，助力你成为技术领域的探索者。

总结趋势系列

年终总结：2023 最受欢迎的 NodeJS 框架

上述大部分框架在笔者日常工作中都有接触，其中tRPC 是笔者第一次接触，这里补充一下 tRPC 的信息。之前在 Node 端调用 rpc 接口更多的是选择使用thrift 对 IDL 文件进行编译后使用，而 tRPC 允许您轻松构建和使用完全类型安全的 API，而无需模式或代码生成。采用 Protobuf 协议。

简单对比一下二者的区别：

同时二者在 RPC 的协议上页有一定区别，这里页简单对比一下二者的区别：

发展趋势 2024 年后端和 Web 开发趋势

文章深入探讨了2024年后端和Web开发的关键趋势。首先，人工智能（AI）和机器学习（ML）在后端开发中的融合被强调，涵盖了代码生成、安全改进、个性化、预测分析和推荐引擎等方面，以提高开发效率。其次，Serverless Architecture 被认为将在2024年继续扩展，通过减少服务器管理，提高可扩展性和成本效益。Edge computing 作为新兴技术，被列为能够减少延迟、提高性能和实现实时数据处理的关键趋势。ZTA 架构的出现改变了传统的网络安全模型，强调验证身份、最小特权访问、微分割和数据加密等原则。物联网作为快速增长的软件开发趋势，涉及连接的物理设备通过互联网收集和交换数据，与云计算平台相结合构建可靠的后端系统。此外，对开发者健康的关注也体现在人体工程学键盘的推崇。最后，文章列举了2024年流行的编程语言和框架，包括 Rust、JavaScript、Python、Django、Node.js、Svelte和 Qwick。

工具推荐

qnm 用于查询node_modules目录的 cli 工具

我们经常需要快速检查 node_modules目录下安装的模块的版本。通常我们会运行 npm list 或者 yarn list 来进行查找，其运行速度很慢，而且会产生很多不相关的输出。qnm 是一个工具，它通过提供关于已安装模块的快速和集中的信息来解决这个问题。它同时支持npm和yarn，并允许你快速识别你感兴趣的模块的版本。

面试工具推荐

马上又到了找工作的金三银四，准备迎接金三银四求职高峰了吗？接下来为大家推荐两款工具，希望对大家找工作有所帮助

rxresu.me 一个免费和开源的简历生成器，简化了创建、更新和分享简历的过程。

• 没有用户跟踪或广告，隐私是最优先考虑的。支持自主托管，可以在不到30秒的时间内自托管。
• 支持同时管理多份简历
• 实时编辑预览
• 丰富的排版模式
• 更多丰富的功能
  

如何高效的使用leetCode

通过对相似算法进行分类，找到各类问题的解决方案，培养将新的问题映射到已知问题的能力。文章收集了大约 20 个这样的编码问题模式，了解这些模式背后的想法，一旦你熟悉了一种模式，你将用它解决许多问题。详细的问题讨论可以查看Grokking the Coding Interview

经验输出

试试这个来替换console.log

文章列举了 console 的其它几类用法，在更合适的场景下采用对应的方法，而不是一昧的使用console.log。其中比较令笔者印象深刻的是，console.trace()，可以将方法的调用堆栈打印出来，这个在一些复杂调用的场景下会很有帮助。

function trace(){  
	console.trace()  
}  

function randomFunction(){  
	trace();  
}
/* 输出
console.trace
- trace
- randomFunction
- (anonymous)
*/

前端 10 个最佳实践（React）

从前端开发的角度出发，我们将聚焦于代码的工程结构和组织方式，逐步探讨工程化标准的建设。最终，我们将深入研究 React 的真实开发场景，重点关注如何有效实现UI与逻辑的分离。此外，在处理性能问题时，我们还将介绍一系列有效的手段。这篇文章旨在为前端开发者提供全面的视角，帮助他们在项目中建立清晰的代码结构，规范化工程流程，并在React应用中实现高效的UI与逻辑分离，同时掌握处理性能问题的有效方法。

Node 最佳实践

经典的 NodeJS 最佳实践，2023 年新增 14 条最佳实践，更新 12 条最佳实践。快来看吧！)

结语

在探索和总结2023年最受欢迎的NodeJS框架、后端与Web开发趋势以及一系列实用工具后，我们深刻领略了技术的脉动与演进。2024年将带来更多挑战与机遇，我们期待着在这不断变化的技术领域中保持敏锐的洞察力。通过学习和采用新的工具，我们将能够更加高效地应对未来的开发需求。让我们共同迎接新一年的挑战，努力不懈地提升自己，创造更加卓越的技术成就。

原文链接：https://juejin.cn/post/7320155721403252799 作者：xiaoTuiMao