技术爱好者周刊(第48期)

 

three-loader 张修竹

让 deepwiki 加了 three-loader 的文档, 想了解 potree 的可以参考。


Galacean 图形渲染引擎轻量高效,开箱即用! 李勇鲁

以下是这篇文章中提到的十项 Web 新特性:

  1. CSS 轮播图功能增强:Chrome 135 新增::scroll-button()::scroll-marker()等 CSS 语法,配合scroll-snap-type等属性,开发者仅用 HTML 和 CSS 即可实现互动轮播图。
  2. 声明式弹出窗口(Interest Invoker API):通过interestpopover属性搭配,无需 JavaScript 即可实现弹出窗口、工具提示等交互效果。
  3. 内置 AI API:Chrome 推出基于 Gemini Nano 的多模态 AI API,包括 Summarizer、Language Detector、Translator、Prompt、Writer、Rewriter 等,可本地运行无需联网,适用于文本和图像处理。
  4. 混合式 AI 解决方案:优先在本地运行 AI 功能,若不支持则自动切换至云端 AI,兼顾快速响应、隐私保护与效果一致性。
  5. AI 驱动的 DevTools:Chrome DevTools 集成 Gemini AI 助手,可在面板内对话分析页面问题、指导调试、应用修复建议。
  6. DevTools 全新 Performance 面板:整合真实用户数据(RUM)、Lighthouse 分析和 AI 助理,提供一站式性能调试与优化。
  7. Baseline 开发工具集成:Baseline 标准集成至主流开发工具,如 IDE、Linter、分析工具、编译工具等,帮助开发者了解 Web 特性支持情况。
  8. 全面掌握 Web 特性支持情况(Web Platform Dashboard):完成 100% Web 特性数据集映射,开发者可一站式查看特性状态及各大浏览器的 Baseline 支持情况等。
  9. 统一身份认证体验:引入 Android 的 Credential Manager 至 Web 端,提供一致凭据选择体验,简化开发者集成流程。
  10. 更快迭代 Chrome 扩展程序:新增取消正在审核的扩展提交功能,方便开发者及时修正错误并重新提交。

Node.js v24发布,你还未体验的新功能 车泽民

原生支持了很多库的功能。


JavaScript 垃圾回收机制深度解析:内存管理的艺术 崔鹏程

JavaScript的内存管理和垃圾回收机制涉及栈内存与堆内存、引用计数与标记-清除算法。栈内存存储基本类型和函数调用时的局部变量,而堆内存用于复杂数据类型,如对象和数组。 垃圾回收主要通过标记-清除策略,处理不再被引用的对象。现代引擎如V8使用分代收集和增量标记等优化方法,减少停顿并提升性能。 开发者应注意避免内存泄漏,如及时解除引用、管理DOM引用和定时器,使用WeakMap和WeakSet等。理解这些原理和最佳实践对于编写高效代码至关重要。


基本属实的命名规则 刘世豪

“不要给同一个概念取多个名字,让未来的你和你的队友少掉头发。”


JavaScript简史 黄鹤翔

三十年间,JavaScript 从一种十天内开发完成的奇特小脚本语言,一跃成为全球最受欢迎的编程语言。


如何处理复杂的前端业务代码 陆欣

随着前端业务复杂度的增长,代码维护成本、可扩展性、团队协作效率等问题日益凸显。根据《Measuring Program Comprehension》研究,开发者 80% 的时间消耗在代码理解与导航上,而非实际编码。这种困境主要源于两大维度: 架构层面的失控:业务逻辑与框架实现强耦合,导致复用性差、迁移成本高; 代码组织模式的局限性:逻辑碎片化、层层嵌套、组件臃肿等。 本文将以积分商城项目为例,探讨如何通过 整洁架构 实践以及 Vue 3 Composition API 的深度应用来处理复杂前端代码,从而提高代码的可维护性和扩展性。


2025 年,前端开发者不可不知的前端新特性 谢宇翔

一些浏览器支持的新特性 ,主要适用于构建ui组件的。


JavaScript中Array.prototype.at()方法详解 李文娟

负索引支持终于进原生了,JS 的 at() 方法让数组索引更简单了。