呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#碎碎念 #追番 我独自升级第二季攒了一整季昨晚一口气也忒爽了。打戏,牛!战斗,爽!有种当年看魔笛 MAGI 的久违的快乐呜呜呜(不知道为什么就联想到了魔笛)
#优质博文 #前端 #css
使用CSS给标题添加书名号并超出省略

AI 摘要:本文介绍了如何通过 CSS 在不修改 HTML 结构的情况下,为标题动态添加书名号,并实现书名号内文本超出省略的效果。文章详细讲解了使用伪元素、CSS quotes、绝对定位和浮动布局等技术实现这一需求的方法,并对比了不同方案的优缺点。


author 微信公众号 前端侦探
cosine - 前端人の日常频道
Photo
#碎碎念 好像知道为什么了呢,最后发一张。
⸝⸝ ᷇࿀ ᷆⸝⸝
#碎碎念 无聊翻了翻相册,翻到了一些旧照片,突然很想写回忆杀博客了,虽然疫情了几年在大学的时光就有几年很亏,但是我真的还是感觉大学时光真的挺值得我回忆的......
#碎碎念 感觉从今天开始我也要健身了,快死了😭天天在家不运动,搬家完运动就中断了
#碎碎念 #AI #图生视频
睡了,下午睡的觉消耗完毕。
我手办动了萌死我了啊啊啊啊wwww
挂着跑个 60s 的视频明天发 B 站

The chibi girl twirls joyfully, her yellow dress swirling as the dango stick bobs playfully.
#AI #分频道 #碎碎念
其实咱有一个不为人知的 AI 生图/视频讨论频道,但是最新更新甚至在 23 年底,没宣传过却有一些订阅,后面本地跑着玩玩儿的视频就都发这儿喵。

但是 u1s1,可以看得到 AI 发展史,进步真的是巨大的。
当年 Pika 抠抠嗖嗖的还有水印,现在可以本地跑无水印的了以前都没想过。

https://t.me/ai_paint_discuss
#AI #折腾 #图生视频
成功在 5090D 上跑起来了 FramePack,遇到了经典 CUDA 架构兼容性问题

官方解决方案是这样的,先卸载旧的 PyTorch 然后装 cu128,我这边是解决了。但是速度比 GitHub 上说的要慢一些(一开始慢,后面快)
pip uninstall -y torch torchvision torchaudio
pip install --pre torch torchvision torchaudio --index-url https://download.pytorch.org/whl/nightly/cu128

然后愉快的跑起来了,效果是很 Amazing 了,太 NB 了。(用之前 AI 生的头像结合 AI 给的 Live2d 视频提示词然后跑 AI Live2d 视频)

Use TeaCache 的速度是大概 2.3~2.5s 一帧,感觉这个速度肯定是有点问题的,不过问题不大。

提示词是:

Transform the anime character into a Live2D-style subtle animation, maintaining the original pose while adding these micro-movements: slight head tilting (within 3-5 degrees range), hair gently flowing in a mild breeze, natural and slow blinking, occasional subtle lip movements, light fabric movements on clothing, and natural lighting/shadow changes that follow the character's micro-movements. Keep the overall scene stable, ensure smooth and natural motion without exaggerated movements. Maintain high image quality, 60fps, with a 5-10 second animation loop.


ps: 经典 webui 连着连着就断了最后只能去 output 文件夹里直接拿23333

https://fixupx.com/karminski3/status/1913775123913707699
karminski-牙医 (@karminski3): 来看这个牛逼的视频生成框架——FramePack

最牛逼的地方在于:使用 13B 模型生成 1 分钟视频(60 秒),30fps(1800 帧),最低所需的 GPU 内存为 6GB。(是的,6GB,不是打字错误。笔记本电脑 GPU 也可以。)

官方只提供了windows构建版本,下载后使用 update.bat 进行更新,使用 run.bat 运行。框架会直接从HuggingFace 上下载模型(大概30G,注意流量)。然后就能用了

地址:http://github.com/lllyasviel/FramePack
#碎碎念 昨天晚上看到家庭库里的饿殍 明末千里行突然想起来这个还没玩过,之前老是看到满穗的二创,于是昨天晚上玩到五点玩完了,还有些意犹未尽,真的是挺有意思的中国式 galgame (逃)

#优质博文 #前端 #新动态 #javascript
JavaScript Weekly #732

AI 摘要:本期 JavaScript Weekly 是一份精简版通讯,主要涵盖 TC39 提案动态(如 Records/Tuples 提案被撤回,但 Enum 等新提案进展)、工具更新(如 Hako JS 引擎)、框架/库发布(WebStorm 2025.1),以及技术文章(WebGL 解析、React 实战案例等)。

1. TC39 提案动态
Records/Tuples 提案撤回:原计划为 JS 引入不可变数据结构,但 TC39 会议决定终止
• 新提案进展:
将枚举引入 JavaScript 的提案进入 Stage 1(兼容 TypeScript 语法) Slidedeck
Deferred re-exports proposal 进入 Stage 2,支持延迟导出模块
Upsert 和 Composites 提案已得到推进

2. 工具与库
Hako JS 引擎:基于 QuickJS 的高性能可嵌入引擎,可编译为 WebAssembly #wasm
• Firefox 139:默认启用 Temporal API(日期时间处理)

3. 发布与更新
• WebStorm 2025.1:强化 AI 支持、Angular/Next.js 集成
• 其他:tldts 7.0(URL 解析)、Redux Toolkit 2.7、Bun 1.2.10……

4. 文章与视频
WebGL 渐变效果解析:通过 GLSL 实现流动渐变的技术详解
SvelteKit 单页应用:无需服务器的单文件开发方案
•  部署 TypeScript:最新进展和可能的未来方向  Dr. Axel Rauschmayer


author Peter Cooper
#优质博文 #前端 #tailwind #性能优化
省流:测到最后发现压缩后性能差异基本可以忽略不计,重复的越多压缩效率越高,所以爱选哪个选哪个()
Tailwind vs Linaria: Performance Investigation

AI 摘要:本文通过对比 Tailwind 和 Linaria 在初始加载性能(LCP)和交互性能(INP)上的表现,发现 Tailwind 虽能减少 CSS 体积(-13%)但增加了 HTML/JS 大小(HTML 最高 +162%),而实际初始加载性能差异可忽略不计。然而,Tailwind 的通用选择器(如 * 和伪元素)导致交互性能下降(如下拉菜单延迟增加 50%)。结论:两者性能差异对多数项目影响微小,框架选择应优先考虑开发体验而非性能优化。


author Nadia Makarevich Tailwind vs Linaria: Performance Investigation
Back to Top