性能优先!给 Next.js 添加页面切换过渡效果 | 掘金一周7.17

383 阅读6分钟

本文字数2000+ ,阅读时间大约需要 6分钟。

【掘金一周】本期亮点:

「上榜规则」:文章发布时间在本期「掘金一周」发布时间的前一周内;且符合各个栏目的内容定位和要求。 如发现文章有抄袭、洗稿等违反社区规则的行为,将取消当期及后续上榜资格。

一周“金”选

img_v3_02cf_03d98388-6138-4202-89ff-42fd03b1b52g.jpg

内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选,优质的技术文章有机会出现在下方榜单中,排名不分先后。

前端

性能优先!给 Next.js 添加页面切换过渡效果 @程普

本文探讨在 Next.js 中添加页面切换过渡效果。讲解了使用 HTML View Transition API 和 React startTransition 结合的方案实现页面切换过渡效果,既不需要引入额外的 JS 包,还因为使用的是原生 API 更节约性能,这大概就是目前性能最优的过渡效果方案了。

一文弄懂虚拟列表原理及实现(图解&码上掘金)@阿李贝斯

文章围绕虚拟列表展开,介绍其概念,讲解了虚拟列表实现的要点以及重要的处理时机,只要掌握这些要点,手写虚拟列表是很轻易的事情。

🌟纯前端如何实现Gif暂停、倍速播放🌟 @可乐鸡翅kele

GIF 我相信大家都不会陌生,由于它被广泛的支持,所以我们一般用它来做一些简单的动画效果。本文主要介绍了 ImageDecoder 解码 GIF 图像之后,再利用 canvas 重新进行渲染。期间也可以加上暂停、倍速、滤镜等功能。

后端

Golang 垃圾回收:一次 GC 周期的详细过程 @克里斯叮

这篇文章和大家讨论一下 Golang 内存管理机制中的垃圾回收(Garbage Collection,简称 GC),本篇文章着重讲述 GC 相关的理论知识,包括:栈内存和堆内存的特性、常用的垃圾回收的算法、Go GC 的历史进程、一次完整的 GC 周期。

云音乐贵州机房迁移总体方案回顾@网易云音乐技术团队

2023年确定要将云音乐整体服务搬迁至贵州机房,项目需要在各种限制条件下,保障2000+应用、100w+QPS的服务稳定迁移,是云音乐历史上规模最大、人员最多、难度最高的技术项目。在此过程中,解决了大量历史技术债务,同时化解了大量新增系统性风险。这篇文章为总体方案回顾。

刚部署开源项目就发现了 Bug,这第一 P 不就有了吗?@Ciusyan

本文作者是 nightgale 的贡献者,在看夜莺的代码和设计理念时发现了一些异常情况,读者可以跟着作者的思路,一起来探索一下,作者是如何发现问题,排查问题,并解决问题的。

Android

Android 15 适配之16K Page Size :为什么它会是最坑的一个适配点@恋猫de小郭

这篇文章主要探讨了 Android 15 适配 16K Page Size 所带来的影响和相关问题。重点阐述负面影响,需重新编译.so 否则易崩溃。解释不能转换的原因,介绍检测和兼容方法,提及老旧.so 无源码的困境。

Flutter&Flame游戏实践#15 | 生命游戏 - 演绎启动 @张风捷特烈

该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台原生级 渲染框架,兼具 全端 跨平台和高性能的特点。目前官方对休闲游戏的宣传越来越多,以 Flame 游戏引擎为基础,Flutter 有游戏方向发展的前景。本系列教程旨在让更多的开发者了解 Flutter 游戏开发。

云音乐 Android Baseline Profiles 实践@网易云音乐技术团队

Google 于 2022 年推出了 Baseline Profiles,然而,对于主要面向国内市场且使用了加固和热修复技术的应用,在使用 Baseline Profiles 时,会面临一些问题,本文将从 Baseline Profiles 的工作方式出发,探讨上述问题的解决方案。

人工智能

【豆包Marscode体验官】揭秘MarsCode AI编辑助手:高效智能编辑之手把手指导与最佳实践 @Rjdeng

本篇文章详细介绍了如何使用MarsCode AI插件在VSCode中开发一个跨语言项目,帮助开发者快速上手并充分利用这款工具的强大功能。

语音助手在货拉拉出行业务的落地实践@货拉拉技术

通过语音助手项目的上线,可以从中学习大量语音相关的知识,语音技术飞速的突破也就是这几年的事情,大量的开源语音项目也为语音技术的应用奠定了基础,本文将为你详细介绍货拉拉是如何在出行业务中对语音助手的落地进行的尝试。

「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验 @张风捷特烈

MarsCode 可以看作一个运行在服务端的远程 VSCode开发环境。 对于我这种想要学习体验某些语言,但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在 MarsCode里,我的体验 rust 开发体验。

AI Agent【项目实战】:MetaGPT遇上元编程,重塑复杂多智能体协作的边界@汀丶人工智能

文章围绕MetaGPT展开,主要介绍了MetaGPT在多智能体协作方面的应用和相关技术实现。

社区活动日历

img_v3_02cf_37b6e2cd-9e86-48ba-b1ef-82bd35e6b21g.jpg

活动日历

活动名称活动时间活动主理人
瓜分万元现金,原创技术好文-6月金石计划2024年6月19日-2024年7月18日@Kim泽xi
创作者训练营 · 助力创作者写出自己的技术好文!2024年6月24日-2024年8月11日@肥茶
豆包MarsCode体验官-{玩转AI}开启智能编程之旅,拿手机大奖2024年6月27日-2024年7月26日@掘金酱
✍🏻技术专题26期 鸿蒙的实践与探索2024年7月15日-2024年8月18日@笑哈哈055

📖 投稿专区

大家可以在评论区推荐认为不错的文章,并附上链接和推荐理由,有机会登上下一期。文章创建日期必须在下期掘金一周发布前一周以内;可以推荐自己的文章、也可以推荐他人的文章。