本文字数3000+ ，阅读时间大约需要 5分钟。
【掘金一周】本期亮点：
- 【精华】为什么class在前端开发中不常用？
- 优化用户体验：拦截浏览器前进后退、刷新、关闭、路由跳转等用户行为并弹窗提示
- 8k分辨率下，html2canvas截图异常？换个姿势轻松搞定
- 前端国际化全场景支持方案，不入侵代码，一键完成 (vue2/3、react)。
- 用二进制思维重构前端权限系统
- 你还不知道的大文件上传
- 开发RN时，我是如何剥离taro框架的
- mysql---Undo Log、Redo Log和Binlog日志实现事务ACID
「上榜规则」：文章发布时间在本期「掘金一周」发布时间的前一周内；且符合各个栏目的内容定位和要求。 如发现文章有抄袭、洗稿等违反社区规则的行为，将取消当期及后续上榜资格。
一周"金"选
内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方榜单中，排名不分先后。
前端
【精华】为什么class在前端开发中不常用？@DRYWIND
这篇文章主要探讨了 JavaScript 中为何基于原型而非类，包括诞生背景、选择原型的原因、原型的优势、后来引入 class 的原因等。还介绍了 TypeScript 对原型修改的态度，以及 JavaScript 中"复制"或"继承"的方法、__proto__和.prototype 的区别、call、bind、apply 方法等。
优化用户体验：拦截浏览器前进后退、刷新、关闭、路由跳转等用户行为并弹窗提示 @一路向北wow
在某些特殊场景下给用户一些友好的提示，提升用户体验。例如拦截浏览器前进后退、刷新、关闭、路由跳转等用户行为并弹窗提示.
前端国际化全场景支持方案，不入侵代码，一键完成 (vue2/3、react)。 @Wenps
这篇文章介绍了前端国际化插件
auto-i18n-translation-plugins，基于 Babel 开发，无需改动业务代码，支持多种框架和构建工具，能智能检测翻译文本，提供灵活配置。文中还介绍了安装、配置、翻译器设置、更新翻译等步骤，以及使用注意事项、机制和示例项目等，遵循 MIT 开源协议。
这篇文章探讨了用二进制思维重构前端权限系统。先由真实开发场景引出思考，介绍权限的二进制表示和位运算符号，接着列举框架源码中位运算的应用，包括 React 和 Vue3 的例子，还提到位运算在算法中的应用。然后通过实战从零构建位运算权限系统，分析其优缺点，最后对后续思考进行了简述，如混合架构设计、解决可读性差等问题。
文章主要介绍了前端大文件上传，包括其定义、解决的问题和对比普通上传的优势，还阐述了前端实现大文件上传的关键要点，如文件分片、断点续传等，最后推荐了实用的大文件上传库enlarge-file-upload，并列举了其在不同环境中的安装、参数、使用案例等。
项目选用技术栈时，由于前期规划需要发布多个平台问题，所以采用了taro跨端框架来开发APP，后期方便跨平台迁移，但在项目上线后一段时间后采用taro框架开发RN的问题就慢慢暴露出来。
后端
mysql---Undo Log、Redo Log和Binlog日志实现事务ACID @后端程序员Aska
这篇文章深入解析了 MySQL 中 Undo Log、Redo Log 和 Binlog 三大日志机制。介绍了事务的 ACID 特性，详细阐述了三种日志的作用、类型、清理时机、刷盘策略等。强调它们保障了事务特性，如 Undo Log 保障原子性和隔离性，Redo Log 保障持久性，Binlog 支持数据复制和恢复，为数据库管理和开发提供重要理论基础。
Java8-Stream流-实际业务常用api案例 @后端程序员Aska
Stream是Java8开始引入的一个流式API，位于java.util.stream包中，这个流不是文件流的流，它是一个序列流，可以理解成数组、列表等这种包含的元素而形成的一个流。
一个Rust小白发布生产级Rust应用的进阶之路 ｜ 得物技术 @得物技术
文章主要介绍了从Java计算层转向Rust的原因，Rust的核心特性（所有权、生命周期和引用等），用Rust构建生产级应用的经验（如合理利用引用、FFI、Tokio），Rust应用的发布流程（包括上传镜像、发布、上监控），以及面临的挑战和结论。
【java】@Transactional导致@DS注解切换数据源失效 @zhangjr0575
文章讲述在多商户多租户业务中，使用 mybatisplus 框架时，Transactional 导致DS 注解切换数据源失效。作者尝试多种解决办法，包括参考 Github 和搜索引擎的方案，最终通过使用切面编程拦截带Transactional 注解的方法并调整执行优先级，成功解决问题，还给出了切面类的最终代码。
Android
吹爆 AI ？Flutter 开发在 Cursor & Trae 不一样的 AI 真实体验 @恋猫de小郭
作者分享了在 Flutter 开发中使用 Trae 和 Cursor 的 AI 进行状态管理框架迁移的体验。Trae 思考速度慢，修改效果不佳，存在诸多问题。Cursor 也无法一步完成迁移。虽有不足，但它们对工作效率提升有帮助，使用时要注意让 AI 理解业务等。还提及 DeepSeek、Grok 3 等平台的使用感受。最后展望了 Claude 未来的发展。
文章主要介绍了利用 Kotlin/Native 支持鸿蒙的相关内容，包括鸿蒙 NDK 的前置知识、毕昇编译器的使用、Kotlin/Native 的基础能力和符号导出、编译目标架构及去除依赖、鸿蒙接入 Kotlin/Native So 的步骤，指出其可突破上层限制，但存在编译工具链差异导致的问题。
人工智能
Trae 最强 claude 3.7 带你体验面相算命 @万少
新一代 Trae 在 2025 年 2 月 27 日最新版本直接内置了claude 3.7，这一重大更新可谓是将 Trae 的 AI 协助能力提到了巅峰。
货拉拉打造悟空平台探索大模型应用，虽提升运营效率但面临数据、场景、落地等挑战。为此做技术突破，构建多模态知识引擎和多智能体协作引擎等，实现多模态数据处理、灵活编排等，落地如办公 Copilot 等应用，并形成智能体广场，未来还有展望规划。
Deepseek系列论文解读1：从DeepSeek V3、DeepSeekMath到DeepSeek R1原理解读 @RaoChongzhi
这篇文章主要解读了DeepSeek系列论文，包括DeepSeek V3、DeepSeekMath和DeepSeek R1。DeepSeek V3介绍了三个创新点，如Multi-Head Latent Attention等。DeepSeekMath讲解了GRPO等相关优化方法。DeepSeek R1发布了三个系列模型，如R1-Zero基于GPRO提升推理能力，R1结合冷启动数据强化学习，R1-Distill通过知识蒸馏将推理能力赋予小型模型。
社区活动日历
活动日历
| 活动名称 | 活动时间 | ||
|---|---|---|---|
| 稀土掘金首届 AI FOR CODE 创意挑战赛开启报名啦！为你的奇思妙想喝彩 | 2025年3月3日-2025年3月31日 |
📖 投稿专区
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在下期掘金一周发布前一周以内；可以推荐自己的文章、也可以推荐他人的文章。
作者：掘金一周
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。