悬停卡片效果
发表于|更新于
|浏览量:
人在无端微笑时,不是百无聊赖,就是痛苦难当。——王小波
分享一个通过css实现的卡片悬停效果
代码地址:cards: 悬浮卡片
在线演示:Document
相关推荐
2022-07-29
vuesax
这是一个流行离开的世界,但是我们都不擅长告别。——《生活在别处》 分享一个vue的UI库vuesax 官方文档:https://vuesax.com/ 它的样式还是很好看的 给人一种简介的感觉 Git地址:https://github.com/lusaxweb/vuesax/
2023-06-21
hexo-bilibili-bangumi
练习是良好的老师。——贺拉斯 分享一个hexo插件: https://github.com/HCLonely/hexo-bilibili-bangumi hexo 番剧页面插件,可选数据源:Bilibili, Bangumi Demo 安装 1$ npm install hexo-bilibili-bangumi --save 配置 将下面的配置写入站点的配置文件 _config.yml 里(不是主题的配置文件). 12345678910111213141516171819202122232425262728293031323334353637383940414243bangumi: # 追番设置 enable: true source: bili bgmInfoSource: 'bgmApi' path: vmid: title: '追番列表' quote: '生命不息,追番不止!' show: 1 lazyload: true srcValue: '__image__'...
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 提供了简单易用...
2023-04-07
sketch.js
生活中,谅解是可以温厚的宽恕;谅解可以换回感情上的损失。——佚名 分享一个前端项目:https://soulwire.github.io/sketch.js 用途是可以做一些鼠标特效,例如其官网有很多例子: https://soulwire.github.io/sketch.js/ 非常的有趣
2025-02-26
JS的线程模型和事件循环机制
生命不是安排,而是追求。——弗吉尼亚·伍尔芙 从线程和浏览器底层执行的角度来看,JavaScript 的延迟/休眠功能是如何实现的呢? 线程模型和事件循环JavaScript 的执行环境(如浏览器或 Node.js)是单线程的,这意味着在任何给定的时间点,只有一个线程在执行 JavaScript 代码。为了管理并发操作,JavaScript 依赖于事件循环(Event Loop)。 事件循环事件循环是一个不断检查和处理消息队列的机制。它会执行以下步骤: 检查调用栈(Call Stack),如果调用栈为空,则继续。 检查消息队列(Message Queue),如果消息队列中有待处理的任务,则取出队首的任务并执行。 重复以上步骤。 宏任务和微任务在事件循环中,有两种类型的任务:宏任务(Macro Task)和微任务(Micro Task)。 宏任务:包括整体脚本执行、setTimeout、setInterval、setImmediate(Node.js)等。 微任务:包括 Promise 的回调、process.nextTick(Node.js)、Mutation...
2022-03-11
Array.from
世界在音乐中得到了完整的再现和表达。它是各种艺术当中第一位的,帝王式的艺术,能够成为音乐那样,则是一切艺术的目的。——叔本华 继续还是js中Array的方法 这次说的方法是from:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from 这个方法简单应用如下: 12345console.log(Array.from('foo'));// expected output: Array ["f", "o", "o"]console.log(Array.from([1, 2, 3], x => x + x));// expected output: Array [2, 4, 6] 我这里写个稍微复杂点的例子,随机生成文件名并排序 1[...new Set(Array.from(Array(200).fill('文件'),x=>x+String(...
