悬停卡片效果
发表于|更新于
|浏览量:
人在无端微笑时,不是百无聊赖,就是痛苦难当。——王小波
分享一个通过css实现的卡片悬停效果
代码地址:cards: 悬浮卡片
在线演示:Document
相关推荐
2025-03-31
pakku.js
不同孕育仇恨。——司汤达《红与黑》 介绍 pakku.js:拯救 B 站的弹幕体验最近,我发现了一个非常有趣的开源项目——pakku.js。这个项目由 xmcp 开发,旨在提升 B 站(Bilibili)的弹幕体验。今天,我将为大家详细介绍一下这个项目的特点和使用方法。 项目概述pakku.js 是一个用于优化 B 站弹幕体验的浏览器扩展。项目自 2017 年 2 月 28 日创建以来,已经获得了 2243 个星标和 78 个 forks,显示了其在社区中的受欢迎程度。项目使用 TypeScript 编写,并且遵循 GNU General Public License v3.0,确保其免费和开源。 项目特点 提升弹幕体验:pakku.js 提供了丰富的弹幕过滤和优化功能,帮助用户屏蔽无意义的弹幕,提升观看体验。 开源项目:作为一个开源项目,pakku.js 拥有庞大的社区支持,用户可以在 GitHub 上交流经验、分享心得。 多平台支持:pakku.js 作为浏览器扩展,可以在多个平台上使用,包括 Chrome 和 Firefox。 简单易用:pakku.js 提供了简单易用...
2022-03-10
react中什么情况下不能用index作为key
立志用功如种树然,方其根芽,犹未有干;及其有干,尚未有枝;枝而后叶,叶而后花。——王守仁 我们在React遍历渲染列表时会遇到这样一个报错: 意思是说,渲染list列表时必须给每个元素指定一个唯一的key 当然你可以选择忽略这个报错,但是为什么会提示这个报错呢? 假设我们给key指定一个随机数,或者干脆不指定的话,会怎么样呢? 官方文档给出了答案: 渲染列表时的逻辑以及问题 为了解决上述问题,React 引入了 key 属性。 也就是说,如果给key指定一个随机数,或者干脆不指定的话,会造成性能问题 这个时候,我们想到了用遍历时的元素下标作为key 但是官方文档明确告诉我们: 如果列表项目的顺序可能会变化,我们不建议使用索引来用作 key 值,因为这样做会导致性能变差,还可能引起组件状态的问题。可以看看 Robin Pokorny 的深度解析使用索引作为 key 的负面影响这一篇文章。如果你选择不指定显式的 key 值,那么 React 将默认使用索引用作为列表项目的 key 值。 这里Robin Pokirny的文章中提到了,如果满足这三者,可以放心使用index作为...
2024-07-30
Apache ShenYu实现验证失败后才出来验证码
秋天的风都是从往年吹来的。——木心《素履之往》 今天实现了一个功能 [Improve] need verify code when password error by VampireAchao · Pull Request #465 · apache/shenyu-dashboard · GitHub 也很简单,新增一个state,然后在redux-saga的dispatch触发对应的effects,新增一个callback参数传入过去,然后在请求完成后执行
2025-05-13
wangeditor自定义事件踩坑记录
任何职业都不简单,如果只是一般地完成任务当然不太困难,但要真正事业有所成就,给社会做出贡献,就不是那么容易的,所以,搞各行各业都需要树雄心大志,有了志气,才会随时提高标准来要求自己。 —— 谢觉哉 文档: https://www.wangeditor.com/v5/toolbar-config.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BA%8B%E4%BB%B6 今天踩坑发现会重复触发,哪怕是使用的 1editor.once('event-key', fn) once只监听一次的,也会在一些情况下重复触发。。。
2024-03-17
full-stack-fastapi-template
过一个平凡无趣的人生实在太容易了,你可以不读书,不冒险,不运动,不写作,不外出,不折腾。但是,人生最后悔的事情就是:我本可以。——陈素封 分享一个全栈框架 GitHub - tiangolo/full-stack-fastapi-template: Full stack, modern web application template. Using FastAPI, React, SQLModel, PostgreSQL, Docker, GitHub Actions, automatic HTTPS and more. 全栈、现代 Web 应用程序模板。使用 FastAPI、React、SQLModel、PostgreSQL、Docker、GitHub Actions、自动 HTTPS 等 ⚡ 用于 Python 后端 API 的 FastAPI。 🧰 用于 Python SQL 数据库交互 (ORM) 的 SQLModel。 🔍 Pydantic,由 FastAPI 使用,用于数据验证和设置管理。 💾 PostgreSQL 作为 SQL 数据库。 �...
2022-12-22
css is选择器
良药苦口利于病,忠言逆耳利于行——佚名 MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/:is is选择器可以同时包含多个,例如 12345678910111213/* 选择 header、main、footer 里的任意一个悬浮状态的段落 */:is(header, main, footer) p:hover { color: red; cursor: pointer;}/* 以上内容相当于以下内容 */header p:hover,main p:hover,footer p:hover { color: red; cursor: pointer;} 非常实用

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog