打字机效果
想要实现打字机效果非常简单。如果你使用的是纯英文环境,那么可以基于ch这个单位和等宽字体轻松实现打字机效果,但是这样实现的效果当然是很局限的,我们可以先看代码: Copy
<!DOCTYPE html>
<html lang="en">
<head>
<meta…
使用chokidar + vite + tailwindcss 实时开发组件库
我正在用 monorepo 开发 一个多端项目,我希望将组件库单独抽离成一个非常轻量的包 我选择 vite 打包,但是 vite 开发模式好像不能支持这个功能.
如果使用 tsc 监听文件修改的话,打包产物和 vite build 有差异。并且不会实时打包 tailwind
最后…
认证
This message is used to verify that this feed (feedId:56513473892087808) belongs to me (userId:41659666744852480). Join me in enjoying the…
backdrop-blur 导致圆角锯齿
昨天在 follow 中看到了这样一个效果, 仔细看发现下侧浮层两个圆角透出了底图的部分内容 思考
第一反应是圆角的渲染导致的像素不匹配的问题
我尝试写一个例子重现这个问题
但是我尝试了不同大小的圆角和图片,并不能复现出这个问题
我尝试查看可能出现问题的样式
在尝试切换…
使用 useDeferredValue 优化渲染和输入卡顿
经常写 react 的朋友们都知道,当某些需要大计算量的组件更新时,可能会阻塞其他输入,比如一个典型的 filter select options 场景,每次输入都计算那些项被过滤出来,由于输入的非常快,就会造成卡顿。将用于过滤的值使用 useDeferredValue…
写一个ts 包如何打包出.d.ts
通知 ts Copy
{
"compilerOptions": {
"declaration": true, // 生成 .d.ts 文件
"declarationDir": "dist/types", // 输出目录
"outDir": "dist…
使用howl播放音频时进度条的处理
更新媒体播放器中的进度条 在构建媒体播放器时,准确反映当前播放位置的进度条至关重要。在本文中,我们将探讨如何使用 JavaScript 和 Vue.js 实时更新进度条。
第 1 步:设置环境
首先,我们需要设置必要的环境。确保已安装 Vue.js 并为媒体播放器创建一个新的…
位图在javascript中的实现
位图可以极大程度的压缩某一范围内不重复的数据,也可以优雅的表示一组布尔值的集合,占用空间小,查询速度快 应用场景
集合操作
• 去重:位图可以用于快速去重,例如在处理大量数据时,位图可以用来记录是否已经出现过某个数据。
• 交集、并集、差集:位图在处理集合的交集…
ENO-M - Chrome 应用商店
A music player extension for Chrome
学一点别人的css技巧
使用一个元素的 hover 触发另一个元素的动画 Copy
.banner:has(.product:hover) .rock img:nth-child(3){
transform: translateX(100px) translateY(100px);
}
mask…
卡片发光和3D效果
插件图标打开不同的功能
在 background 中复制并加入以下代码 打开 options 页面
Copy
browser.action.onClicked.addListener(() => {
browser.runtime.openOptionsPage()
})
打开 sidePanel…
nobody 写开源的半年
由于今年工作不顺心 公司的工作应付完了之后想写一写开源项目,找找认同感。我加入了bewlybewly
这是一个优化 b 站体验的插件,我非常喜欢。我为他贡献了我的第一个功能,调整首页标签栏的顺序和默认加载的页面feat: custom home tab
自己写的代码真的有人在用…
如何看待15%首付,近7倍杠杆买房_哔哩哔哩_bilibili
-, 视频播放量 722774、弹幕量 3306、点赞数 27657、投硬币枚数 10941、收藏人数 15273、转发人数 12995, 视频作者 老宇投资, 作者简介 万0.8免5,直接私信,相关视频:全国首例!来沪买了11套房后跑路, 骗子竟然这样骗取银行房贷!,可能要放弃楼市了...,老宇为什么放弃炒股,房价跌回2016年,现在买房到底是不是一个好时机?,43万亿下去了,为什么房地产还没有起来,为什么青年失业率突破20%,今年要不要买房,?不妨看看天涯KK大神的判断,什么时候该买房?我说一个标准,错不了,320万买的房子跌到160万,我断供了,接下来的事我肠子都悔青了,围猎结束│涨跌│坑与范伟,517首付降到15%后,楼市下一步怎么走,央妈提醒:通胀归来,普通人如何自救?【特别分子Mark】
想过四年的代码今天终于开始做了
当年学前端的第一件事就是做一个音乐播放器,兜兜转转四年过去了,今年借着参加 bewlybewly 的机会开始写插件,写着写着感觉时机到了,今年终于是从裤裆里开始掏东西了 预计 50 个工时完成 1.0 版本,等我发布
GitHub - cloudflypeng/img-analyze
Contribute to cloudflypeng/img-analyze development by creating an account on GitHub.
GitHub - cloudflypeng/react-spring-chinese-docs
Contribute to cloudflypeng/react-spring-chinese-docs development by creating an account on GitHub.
GitHub - cloudflypeng/dragP: Intuitive drag and drop usage
Intuitive drag and drop usage. Contribute to cloudflypeng/dragP development by creating an account on GitHub.