【动画进阶】单标签实现多行文本随滚动颜色变换 | 掘金一周 8.7

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

【掘金一周】本期亮点:

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

一周"金"选

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

前端

纯CSS实现电梯导航!@XboxYan

这篇文章主要介绍了如何使用纯 CSS 实现电梯导航,总的来说,CSS滚动驱动动画不愧是2023年度最强特性,可以做的事情太多了,很多 JS才能实现的交互都可以取代了,而且做的更好。

EcoPaste - 适用于 MacOS 和 Windows 平台的开源的剪切板管理工具 @阿阳热爱前端

这篇文章主要介绍了一款名为 EcoPaste 的开源剪切板管理工具;由于市面上大多数剪切板应用要么收费,要么功能有限,无法满足我的需求,作者决定自己开发一款新的剪切板应用,以解决这些问题。

一个月的时间,我们对开源的在线代码编辑器完成了一次大重构 🤗🤗🤗 @Moment

主要介绍了作者是如何采用 NextJs 作为前端框架、Typescript 语言、Zustand 进行状态管理、tailwindcss 处理 CSS、WebContainer 作为代码编译的方案来对开源在线代码编辑器进行的重构。

用了组合式 (Composition) API 后代码变得更乱了,怎么办? @前端欧阳

组合式 (Composition) API 的一大特点是"非常灵活",但也因为非常灵活,每个开发都有自己的想法。加上项目的持续迭代导致我们的代码变得愈发混乱,最终到达无法维护的地步。本文是作者这几年使用组合式API的一些经验总结,希望通过本文让你也能够写出易维护优雅组合式API代码。

【动画进阶】单标签实现多行文本随滚动颜色变换 @Chokcoco

本文主要讲解了如何使用 CSS,实现在页面屏幕中有一长串多行字母,且需要随着页面滚动,改变每个字母的颜色,非常有意思。

富文本编辑器 从 Prosemirror 再到 Tiptap @Lsx_

通过使用Tiptap编辑器的扩展继承、自定义扩展等功能,可以让我们构建出更为更为丰富的富文本编辑器。笔者希望通过此篇文章可以帮助你更好的认识Prosemirror 和 Tiptap富文本编辑器。

折腾我2周的分页打印和下载pdf @endlesskiller

这篇文章主要讲述了作者在Vue3项目中实现分页打印和下载pdf的过程。

跟🤡杰哥一起学Flutter (二十三、⚡️玩转Flutter动画[上]) @coder_pig

作者在 《十一、Flutter UI框架🦐聊》提到过 Flutter 的本质是一套「UI框架 」,解决的是「一套代码在多端的渲染 」。写 UI 时除了常规的 堆Widget 外,适当加点 动画 ,可以让我们的 App 变得很 ,本节我们就来系统学习下Flutter中 动画 相关的姿势。

🔥产品:网络不给力,前端页面就不能展示了吗? @Sailing

这篇文章主要介绍了如何利用Workbox优化Service Worker来提升网页性能,确保Web应用在网络不稳定或离线时仍能稳定运行。

后端

Java8日期处理【上】(超详细、JDK8) @蚂蚁小哥

本文将从Date类和Calendar类引出Java 8 的日期工具。主要以Java 8 日期进行全面剖解。

分布式系列第二弹:分布式事务!@程序员清风

这篇文章主要介绍了分布式事务相关的内容。

这下,我终于弄明白了RocketMQ为什么这么快! @zzyang90

这篇文章从10个方面探讨了RocketMQ速度快的原因,但实际上RocketMQ快的原因远远不止作者说的这几点,正是因为有各种各样设计细节上的优化,才最终决定了RocketMQ出色的性能表现。

Android

Android 15 上适配 16K Page Size 的填坑思路,以 IJKPlayer 为例子@恋猫de小郭

本篇文章是适配 「Android 15 上 16K Page Size 」相关内容的第三篇,为什么会有第三篇呢?还是因为前两篇之后,有些人还是觉得,对于如何适配这件事不是很理解,刚好上一篇讲解「快速适配 16K Page Size」 的时候,就留下了一个"玄学"的问题,那么本篇就用具体的例子来进行「填坑」,算是对于 16K Page Size 这个话题的收尾。

稳定性优化:ANR产生原理 @helson赵子健

想要做好稳定性优化,就需要先掌握稳定性相关的底层知识和原理,常见的稳定性主要是 ANR,Crash 这两类,所以在这篇文章中,作者讲解了ANR(Application Not Responding)产生的原理。

Flutter&Flame游戏实践#17 | 二维无限标尺 @张风捷特烈

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

Ktor网络框架源码分析 - 设计篇 @巴黎没有摩天轮

Ktor 采用高度模块化的设计,开发者可以根据需求选择和组合不同的模块。这种设计提高了代码的可维护性,并且高度灵活性。本篇文章对框架的整体请求流程进行了浅析。

人工智能

PICO交互感知团队 - 可控3D版生成来袭:Coin3D实现三维可控的物体生成 @字节跳动技术团队

这篇文章介绍了浙江大学和字节跳动PICO MR研究团队在SIGGRAPH2024发表的论文《Coin3D: Controllable and Interactive 3D Assets Generation with Proxy-Guided Conditioning》。该论文提出了一种使用文本描述驱动的3D模型可控生成方案Coin3D,可以根据用户搭建的粗糙几何模型与简单文本描述来生成带纹理的三维模型,在功能上类似于3D版本的ControlNet。

「Verbiverse」解析 -- 使用Qt + LangChain 构建大模型应用 @Layton

本文作者最近在开发 「Verbiverse」这个工具,学了些 QT pyside6 与 LangChain 相关的知识与使用技巧,这篇文章主要会以项目解析为主,同时总结下 pyside6 与 LangChain 使用技巧。

TensorRT-LLM保姆级教程(三)-使用Triton推理服务框架部署模型 @吃果冻不吐果冻皮

随着大模型的爆火,投入到生产环境的模型参数量规模也变得越来越大(从数十亿参数到千亿参数规模),从而导致大模型的推理成本急剧增加。因此,市面上也出现了很多的推理框架,用于降低模型推理延迟以及提升模型吞吐量。本系列将针对 TensorRT-LLM 推理框架进行讲解。

IOS

货拉拉iOS疑难Crash治理-系统键盘语音@货拉拉技术

本文主要介绍了,如何通过崩溃类型、崩溃堆栈、偏移指令、然后结合调试汇编指令、确定键盘语音崩溃根本原因,最后进行有效的治理。

社区活动日历

活动日历

活动名称 活动时间 活动主理人
瓜分万元现金,原创技术好文-7月金石计划 2024年7月19日-2024年8月18日 @Kim泽xi
创作者训练营 · 助力创作者写出自己的技术好文! 2024年6月24日-2024年8月11日 @肥茶
✍🏻技术专题26期 鸿蒙的实践与探索 2024年7月15日-2024年8月18日 @笑哈哈055

📖 投稿专区

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

相关推荐
曈欣1 小时前
vue 控制组件是否显示
前端·javascript·vue.js
nice666602 小时前
CSS的基本语法
java·前端·css·visual studio code
陈在天box2 小时前
《响应式 Web 设计:纯 HTML 和 CSS 的实现技巧》
前端·css·html
sco52822 小时前
【Shiro】Shiro 的学习教程(三)之 SpringBoot 集成 Shiro
spring boot·后端·学习
爱吃桃子的ICer3 小时前
[UVM]3.核心基类 uvm_object 域的自动化 copy() compare() print() pack unpack
开发语言·前端·ic设计
阿洵Rain4 小时前
【Linux】环境变量
android·linux·javascript
小小小小关同学5 小时前
Spring Cloud LoadBalancer
后端·spring·spring cloud
学地理的小胖砸5 小时前
【GEE的Python API】
大数据·开发语言·前端·python·遥感·地图学·地理信息科学
hong1616886 小时前
PhpStorm中配置调试功能
android·ide·phpstorm
垦利不6 小时前
css总结
前端·css·html