置顶文章

7.6k 7 分钟

多多多超多图警告~放轻松~坐下来慢慢看吧~ ❤️ # 前言 2024 于我而言是生活与工作平衡,甚至更偏向生活的一年,换句话说是极度 “现充” 的一年,只有一个日常频道和一个图库频道一直在持续不断运营着,就当这是汲取知识的一年吧~ 低情商:摆了一年,项目能咕就咕,博客懒得写。 高情商:认真生活了一年,项目在思考到底怎么架构好不再想写纯玩具了,博客技术含量低的不是很想写,技术含量高的一直在写的路上(草稿) 今年互联网给我总体感觉是浮躁、不安,社会大环境不好的情况下,越来越多人开始 emo,包括我身边的人们,我自己今年倒是很少...

文章列表

25k 23 分钟

本文地址:https://blog.cosine.ren/post/interactive-git-update-cli 本文图表、伪代码等由 AI 辅助编写 # 背景 当你 fork 了一个开源项目作为自己的博客主题,如何优雅地从上游仓库同步更新?手动敲一串 Git 命令既繁琐又容易出错;但直接点 Fork 的 Sync 按钮,又可能覆盖你的自定义配置和内容。 很多人因此在「保持更新」和「保留修改」之间左右为难:要么干脆二开后不再同步,要么每次更新都提心吊胆。 这也是为什么不少项目会像 @fumadocs/cli 一样,提供专门的 CLI...
8.7k 8 分钟

本期包含个人与项目进展:Discord 公群开放,Koharu 主题 v2 发布并上架 Astro 商店,新增 Koharu CLI(备份/还原、主题更新、内容生成、备份管理),Moe Copy AI 上架 Firefox;技术侧聚焦 CSS @scope 全面可用与 ViteLand 12 月回顾(Oxc 数十倍性能、Vite 8 Beta 原生插件、Vitest 引入 OpenTelemetry 与 fs 缓存、Rolldown 优化分块与选项);精选 Temporal、Web Install API、现代 Hooks、包体积减重、加速计/Three.js/WebGL 动效等文章;工具与灵感涵盖 DiceBear、在线抖动器及 GitHub .png/.keys 小技巧,另荐 Addy Osmani 14 年 21 条职业经验与多款趣站/CodePen 作品。
8k 7 分钟

最佳阅读体验在 https://blog.cosine.ren/post/server-batch-image-compression # 前言 最近需要处理别人的服务器上大量历史图片的压缩问题。因为历史遗留原因, public/uploads 下累积了不少高分辨率的全景图和常规照片,占用存储空间越来越大。虽然之前在前端生产环境中一直使用 sharp-cli、@napi-rs/image 等进行图片处理,但这次面对的是已存储的历史图片批量压缩场景,而且这次提供的环境是堡垒机,只能通过网页终端进行操作,没有...
3.5k 3 分钟

本期分享了个人项目和前端技术动态,包括博客中实现的 CSS 低质量图片占位符(LQIP)、可开关的圣诞特效模块,以及 Moe Copy AI 插件的 v0.2.0 更新。同时介绍了 CSS 新特性如文本装饰内边距(text-decoration-inset)、锚点定位回退检测和容器样式查询,盘点了前端社区热点与实用工具。
8.3k 8 分钟

# 写在前面 最近用 Claude Code 写代码的频率越来越高,有时候会同时开三四个任务:一个在修 bug,一个在加新功能,一个在 review 中,还有一个在跑测试验证新点子。问题来了:它们都需要独立的工作目录,不然会互相串代码。 Git 的 worktree 功能本来就是为这种场景设计的,但原生命令实在有些啰嗦。传统创建一个新 worktree 要这样: git worktree add -b feature-auth ../myproject-feature-authcd ../myproject-feature-auth删掉它又得回到主目录: cd ../myprojectgit...
4.4k 4 分钟

本期周刊记录了赴长沙参加 FEDAY 2025 的见闻与个人博客更新:移植 Fumadocs 风格的移动端目录、为图片加入 LQIP 并显著提升性能;前端动态包括 shadcn 3.6 推出可定制组件库、Storybook v7+ 构建或泄露 .env 的安全公告、TanStack Start 增加 Vue 支持、Chrome DevTools 144 支持单请求限速;技巧分享用 SVG vectorEffect 修复虚线缩放问题;精选多篇 React/CSS/WebGPU/GSAP 优质内容与 CodePen 作品。
7.7k 7 分钟

本文由 AI 辅助写作,作记录用 一开始想在博客中,实现类似 Minimal CSS-only blurry image placeholders 的 CSS-only LQIP(低质量图片占位符),使用单个 CSS 自定义属性 --lqip 编码图片的模糊预览。 这篇文章的技术原理是使用 20 位整数编码图片信息(8 位 Oklab 基础色 + 12 位亮度分量),在 CSS 中通过位运算解码( mod() , round(down) , pow() 等),使用径向渐变叠加渲染模糊效果,配合二次缓动实现平滑过渡。 我选择简化一些的实现,不追求 CSS Only...

精选分类

笔记

随笔

工具

题目记录

青训营笔记

笔记

CS基础

笔记

数据结构

笔记

笔试面经