牛逼!Vue3.5的useTemplateRef让ref操作DOM更加丝滑 | 掘金一周 9.12

735 阅读6分钟

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

【掘金一周】本期亮点:

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

一周“金”选

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

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

前端

牛逼!Vue3.5的useTemplateRef让ref操作DOM更加丝滑@前端欧阳

vue3中想要访问DOM和子组件可以使用ref进行模版引用,但是这个ref有一些让人迷惑的地方。比如定义的ref变量到底是一个响应式数据还是DOM元素?还有template中ref属性的值明明是一个字符串,比如ref="inputEl",怎么就和script中同名的inputEl变量绑到一块了呢?所以Vue3.5推出了一个useTemplateRef函数,完美的解决了这些问题。

这应该是全网最详细的Vue3.5版本解读 @前端欧阳

Vue3.5正式版在这两天发布了,网上已经有了不少关于Vue3.5版本的解读文章。但是欧阳发现这些文章对3.5中新增的功能介绍都不是很全,所以导致不少同学有个错觉,觉得Vue3.5版本不过如此,选择跳过这个版本等下个大版本再去更新。所以作者写了这篇超级详细的Vue3.5版本解读文章。

pnpm 的崛起:如何降维打击 npm 和 Yarn🫡 @柏成

作者通过研究了 pnpm 的机制,发现它确实很强大,甚至可以说对 yarn 和 npm 形成了降维打击,本文就从包管理工具的发展历史,一起看下到底好在哪里?

Rust 引领前端基建新潮流:字节跳动的深度应用实践 @WebInfra

本文整理自字节跳动 Web Infra 前端负责人张磊在 QCon 2024 的演讲分享 "Rust 如何引领前端基建新潮流以及字节跳动的应用"。主要是讲 Rust 语言在前端领域的发展趋势,以及字节跳动在这方面的实践经验。

为什么vite能够让浏览器识别.vue后缀文件? @HsuYang

本文将从vite-plugin-vue的源码带着大家一起分析我们在使用vite开发Vue项目的时候vite所处理的一些流程,本文不会讲解API的使用,因为本文的难度偏难,如果仅仅是想学习如何配置vite,本文可能不太适合您。

后端

ConcurrentHashMap核心原理,这次彻底给整明白了! @程序员清风

这篇文章主要讲解ConcurrentHashMap的核心原理,并注释详细源码,文章篇幅较长,可收藏再看

【线上故障复盘】RPC 线程池被打满,1024个线程居然不够用? @五阳

本文主要讲述了一次线上故障的复盘过程,线上环境出现大量 RPC 请求报错,原因是线程池被打满,作者对该问题进行了深入排查。

带宽和内存降低88%:GZIP在解决Redis大Key方面的应用 @赵侠客

本文介绍GZIP压缩算法在优化Redis使用大KEY字段中的应用,通过简单压缩可以节省88%的内存空间和带宽资源。

又完结一个新项目,聊聊使用到的核心技术@冰_河

Sentinel能够在高并发、大流量的场景下有效的对流量进行管控,包括限流、熔断、降级、系统负载保护等,为了让小伙伴们更加清楚的了解Sentinel的功能和使用案例,今天就系统性的带着大家以实战的方式学习Sentinel的核心技术和配置规则。

不作死就不会死!Redis缩容导致线上大规模故障的惨痛经历@烈香

618后业务量回落,业务应用大量缩容,Redis集群呢也要跟着缩容,但是在缩容运维操作的时候,突然导致业务访问Redis大规模超时,经过重启短暂恢复,又再次触发大规模Redis访问故障,总结下来我觉得这次故障还是比较有价值的,下面就开始讲述这一次我遭遇的血的教训!

Android

Android 15 正式发布到 AOSP ,来了解下新特性和适配需求@恋猫de小郭

近日谷歌也正式发布了 Android 15 的正式版,虽然没什么「大亮点」,但是作为开发者,还是需要关注下有什么新特性和需要适配的地方。

跟🤡杰哥一起学Flutter (二十七、🍞玩转 Flutter 库 & 插件) @coder_pig

近日谷歌也正式发布了 Android 15 的正式版,虽然没什么「大亮点」,但是作为开发者,还是需要关注下有什么新特性和需要适配的地方。

人工智能

AIGCDesign 开放式跨端 AI 组件解决方案 @京东零售技术

本文主要介绍了 AIGCDesign 开放式跨端 AI 组件解决方案,包括项目背景、前期调研、技术实现、业务接入案例以及未来的发展方向和价值等。

RAG效果优化:高质量文档解析详解 @阿里云大数据AI技术

尽管通用大语言模型(LLM)在知识问答方面取得了非常大的进展,但是对于专业领域依然无能为力,因为专业领域的数据不会对外公开,通用LLM没有学习过,自然不会回答。本文就讨论一下有方法解决这一问题吗。

社区活动日历

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

活动日历

活动名称活动时间活动主理人
创作者训练营 · 助力创作者开启技术写作进阶之旅!2024年8月21日-2024年9月24日@肥茶
💥瓜分万元现金大奖,写原创技术好文!丨 9月金石计划2024年9月5日-2024年10月13日@Kim泽xi
“码” 上中秋,共话精彩 ——豆包MarsCode 放“码”过来!创意征文活动2024年9月12日-2024年10月12日@Carrottt

📖 投稿专区

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