Vue3 实现最近很火的酷炫功能:卡片悬浮发光丨掘金一周6.5

2,153 阅读7分钟

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

【掘金一周】本期亮点:

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

一周“金”选

掘金一周 1313_518.png

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

前端

三行代码,修复 DOM 内存泄露 @前端手术刀

本文讲述作者在业务开发中遇到的一次真实案例,通过三行代码修复 DOM 内存泄露,以此作为分享。

Vue3 实现最近很火的酷炫功能:卡片悬浮发光 @Sunshine_Lin

本文是作者在网上看到了一个很有趣的动画效果,光会跟随鼠标在卡片上进行移动,并且卡片会有视差的效果,于是作者思考在Vue3 中应该如何去实现这个效果呢?故衍生出该篇文章,文章趣味十足。

纯 CSS 检测滚动的速度和方向 @XboxYan

通常实现检测滚动的速度和方向的效果我们会借助JS的定时器,本文作者纯使用CSS,用全新视角一步步带你实现。

React 项目里,如何快速定位你的组件源码? @zxg_神说要有光

对于业务代码来说,快速定位源码是很重要的,因为改动可能很简单,但是项目大了定位在哪里改就比较麻烦了,本文作者由理论入手带你用 click-to-react-component 来快速定位源码。

后端

10W QPS高并发,如何防止重复下单?@江小北

本文作者将抽丝剥茧,多方案讲解的方式带你了解10wqps高并发,如何防止重复提交/支付订单等相关问题,干货满满。

封装优雅的缓存组件库(Redis 缓存与内存缓存)@我是Allen

本文讲了封装 Redis 基础组件思路,主要以简单为主,尽量别提供一对乱七八糟的操作,用了一些设计模式,比如:构建者模式、适配器模式、责任链模式,超多干货。

字节跳动下一代通用高性能 OneAgent @字节跳动技术团队

本文介绍了字节跳动云原生可观测团队在构建 OneAgent 方面的探索,涉及数据模型、流程管道、编排调度和构建体系等方面,还分享了 OneAgent 在字节跳动内部的几个应用案例,展示了其在数据采集效率、资源消耗和系统稳定性方面的优势。

一文搞懂Raft算法-Raft算法详解@单木

通过这篇文章,你将能够深入理解Raft的精髓,掌握其背后的原理和机制。

全面透彻,MySQL 正确的慢查询处理姿势 @架构精进之路

在业务项目发展过程中,我们常常会面对要处理 MySQL 慢查询问题,那我们应该如何分析解决问题呢? 授人以鱼不如授人以渔,作者将带我们一起来解锁MySQL处理慢查询的正确姿势。

研发提效:想快速定制一个OLAP应用?你可以这么做@京东云开发者

在日常项目中,经常能遇到多维度、多指标自由组合分析的OLAP系统建设场景,这类需求往往具有分析关系复杂、开发周期长和数据量大等特点,需要研发投入比较大的精力进行建设,因此,本文旨在通过统一的OLAP建模实现通用的OLAP诊断框架,目的是通过配置化的方式快速实现新的分析需求,节约研发成本,缩短交付周期、提升研发效率。

Android

他山之石,Kotlin/Dart对比学,数据类与密封类@Newki

本文作者将探讨 Dart 语言是否有类似的概念,以及如何在 Dart 中实现与 Kotlin 数据类和密封类相类似的功能。

(二更)Kotlin Conf'24:前瞻一下 Kotlin 2.1 & 2.2 新语法 ,以及闲聊 @FunnySaltyFish

本文作者将带我们来 KotlinConf 和它里面的一个主题演讲:Kotlin 2.1 & 2.2 新语法前瞻。

Android 架构之 UseCase 最佳实践@fundroid

本文作者将带大家一起梳理Android 架构之UseCase常见的使用误区和最佳实践。

Compose Multiplatform 1.6.10 发布,解释一些小问题, Jake 大佬的 Hack@恋猫de小郭

Compose Multiplatform 1.6.10 发布,解释了一些小问题,来看看本文作者如何解读。

人工智能

AI实战 | 使用元器打造浪漫仪式小管家 @努力的小雨

本文作者将教大家如何为自己打造一个浪漫仪式小管家。为了照顾到各位对智能体的理解程度,作者将内容分为了快速入门和高级进阶两个部分。如果你已经具备一定基础,可以直接跳过快速入门部分,直接深入了解我的助手是如何逐步实现的。

和GPT-4这些大模型玩狼人杀,人类因太蠢被票死,真·反向图灵测试 @机器之心

这次展示的作者 Tore Knabe 是一个 Unity 独立开发者,他表示这已是他第六次在 VR 中进行由 ChatGPT 等大模型驱动的 NPC 的实验了。 他的实验让人直观地感受到 AI NPC 在增加游戏趣味性等方面的潜力,但仍有许多问题值得进一步讨论,本文趣味性十足。

LangChain实战:利用LangChain SQL Agent和GPT进行文档分析和交互🔥🔥🔥 @demo007x

本文作者通过理论实践相结合的方式为大家深入讲解如何利用LangChain SQL Agent和GPT进行文档分析和交互。

社区活动日历

掘金一周 官方专区 1313_518.png

活动日历

活动名称活动时间活动主理人
创作者训练营 · 助力创作成长,探索写作之旅! 2024年4月25日-2024年6月7日@Kim泽xi笑哈哈055肥茶
华为HarmonyOS NEXT创意有奖征文来啦!2024年5月10日-2024年6月11日@稀土君
写原创技术好文,瓜分万元现金大奖-5月金石计划2024年5月11日-2024年6月16日@小斗金
技术专题25期-性能优化的实践与经验分享2024年5月15日-2024年6月17日@我是小仙女
启动 AI 时光机,重温童年无限奇趣掘金&扣子2024年5月27日-2024年6月11日@小斗金

📖 投稿专区

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