Vue2 Diff 算法，高并发场景下常见的限流算法及方案介绍| 每日掘金第183期CSS 数学函数与容器查询实现不定宽

Hello，欢迎来到每日掘金时间。每日掘金专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！

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

【本期掘金酱的下午茶】亮点：

Vue2 Diff 算法

CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果

vue+ts: 泛型&条件类型在多态组件中的应用

揭秘Kafka高性能核心黑科技：Zero-Copy零拷贝

通过 Pulsar 源码彻底解决重复消费问题

2023也该知道了：kotlin协程取消和异常传播机制

关于 App Store 苹果商店价格的那些事（历上最全版）

……

筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的 1-3 天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。

今日主理人｜下午茶

本期每日掘金由 战场小包 负责制作。如有投稿文章，请私信👉 战场小包

PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain

每日干货｜下午茶

主理人们会对近期（1-3 天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。

『前端』

Vue2 Diff 算法

本文一步一步的引导大家去感受 Diff 算法的精妙，同时最后也做了一下小实验，让大家对 Diff 算法有更加直观的感受 🎉。

CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果

CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果

理解了这 3 个 object，你甚至能自己写个 git！

今天我们探究了 git 的实现原理，主要是 3 个 object 以及两个 ref。理解了这些，你就能理解 git add、git commit、git log、git revert、git branch、git tag 等等绝大多数 git 命令的实现原理了。

CSS实现checkbox选中动画

CSS实现checkbox选中动画，速速来Get吧~

vue+ts: 泛型&条件类型在多态组件中的应用

TypeScript 中的泛型是用来解决类型不确定的问题的特殊语法。泛型允许我们在定义一个函数、类或接口时不指定具体类型，并在使用这个函数、类或接口时指定具体类型。

『后端』

一次线上OOM问题分析

面对 OOM 问题如果代码不是有明显的问题，下面几个JVM参数相当有用，尤其是在容器化之后。 -XX:+HeapDumpOnOutOfMemoryError -XX:ErrorFile=/logs/oom_dump/xxx.log -XX:HeapDumpPath=/logs/oom_dump/xxx.hprof

揭秘Kafka高性能核心黑科技：Zero-Copy零拷贝

前一段时间研究了大规模日志流高吞吐并行存储，通过深入研究Kafka的底层存储机制。我们发现Kafka的Zero-Copy零拷贝技术采用的是Java底层FileTransferTo方法，后期我们尝试了对TransferTo性能及其并行性能进行测试。以及后面在Kafka上面实现了并行TransferTo方法，并应用到了Apache Kafka系统中。