cosine

余弦の博客

= WA 的一声就哭了 =

cos avatar

cos

FE / ACG / 手工 / 深色模式强迫症 / INFP / 兴趣广泛养两只猫的老宅女 / remote

置顶文章

post cover
周刊

2026-02-09

1798 字

本期周刊回顾了作者在博客中新增的歌单与播放器功能,支持多种音乐列表和自定义语法,并介绍了Moe Copy AI的更新与深色模式。同时,汇总了Web平台最新动态,包括Vite、Gatsby、Oxc等项目的进展,以及CSS锚点定位、无JavaScript视频嵌入等实用技术,展现了前端生态的持续演进与创新。

post cover
随笔

2024-12-31

6279 字

这篇文章是作者对2024年生活的深情回顾,涵盖了生活、工作、情感、消费与兴趣等多个维度。他以“现充”自居,分享了这一年中购置的新设备、热爱的美食、旅行见闻、游戏体验以及追番心得,展现出对生活的热爱与细腻的观察力,同时表达了学会爱自己、珍惜当下、享受简单快乐的积极人生观。

文章列表

post cover
前端

2026-01-23

2749 字

本文详细记录了将 Electron 桌面应用通过 TestFlight 上架的完整流程,包括配置 Mac App Store 分发所需的证书、签名文件、权限清单、GitHub Secrets 和 CI/CD 工作流。重点解决了 Bundle ID 一致性、证书导入密码、API Key 权限、文件路径匹配等常见坑点,并强调了流程对 GitHub Actions 配额的高消耗,建议团队优化触发策略或自建 Runner。

post cover
工具

2026-01-12

7084 字

本文介绍如何构建一个安全、透明且友好的交互式 CLI 工具,用于自动化 fork 开源项目后的同步更新流程。工具通过 Ink 构建终端交互界面,实现工作区状态检查、远程更新预览、冲突检测、备份还原等功能,并采用 useReducer + Effect Map 的状态机设计,确保流程清晰、可测试且易于维护。

post cover
工具

2026-01-07

3459 字

文章介绍了在无GUI环境下批量压缩历史图片的实践过程,最终选择ImageMagick处理中小图片、libvips处理超大图片的组合方案,并强调了备份的重要性。通过mogrify和vipsthumbnail命令实现高效批量压缩,同时提供了优化JPEG压缩质量的详细参数组合和注意事项。

post cover
工具

2026-01-03

3032 字

本文介绍了蚂蚁集团 AntV 团队推出的 Infographic 框架,一个专为 AI 时代设计的声明式信息图表渲染引擎,支持多种可视化模板和实时流式渲染。通过在 Markdown 中使用简单语法即可生成列表、流程、对比、图表等类型的信息图,并提供丰富的主题和图标支持,极大提升了技术文档和博客内容的可视化与可读性。

post cover
工具

2025-12-31

3250 字

Worktrunk 是一个专为并行开发场景优化的 Git Worktree CLI 工具,通过简单命令(如 `wt switch`)实现分支管理与工作目录自动创建,极大简化了多任务开发流程。它支持自动执行钩子、LLM 生成提交信息、CI 状态集成等功能,适用于 AI Agent 并行运行、快速验证想法和 PR 评审等场景,显著提升开发效率与可维护性。

post cover
工具

2025-12-29

13257 字

astro-koharu 博客的完整使用指南,包含快速开始、配置说明、文章系统、界面功能等详细介绍

post cover
前端

2025-12-25

4389 字

本文实现了一套可插拔的圣诞节日特效模块,通过 React Three Fiber 与 GLSL 着色器实现双层3D雪花飘落、CSS动画彩灯装饰、SVG圣诞帽及可拖拽开关等功能,结合 nanostores 实现 Astro 与 React 间的状态管理,并通过配置开关、性能优化和移动端适配确保用户体验与性能平衡。

post cover
前端

2025-12-20

2146 字

本文提出了一种轻量级的CSS-only低质量图片占位符(LQIP)方案,通过构建时使用Sharp提取图片四象点主色,生成紧凑的18字符十六进制字符串,运行时解码为CSS线性渐变,实现零运行时开销和极小体积(约42KB/1000张)。方案支持内部图片自动处理,外部图片通过纯色降级,并优化了存储体积与可读性平衡,适用于静态站点生成器如Astro。

post cover
AI

2025-12-07

3846 字

本文作者分享了自己近4个月高强度使用Claude Code的实战体验与思考,重点总结了其在项目开发中的具体使用场景、效率提升与工作流优化。文章强调Claude Code在规划、代码生成、重构和自动化任务中的强大能力,尤其通过Plan Mode实现从0到1的项目规划与落地,并推荐了自定义技能、Happy工具等提升开发效率的实践方式,同时指出AI辅助编程应有选择性使用,避免在技术债务严重或逻辑混乱的项目中直接依赖。

post cover
随笔

2025-09-04

1379 字

文章探讨了前端技术的“变”与“不变”:表面技术不断迭代,如框架、工具和CSS标准更新,但底层设计思想如状态管理、组件分解和用户体验一致性始终不变。前端的本质是表达方式的演进,其真正价值在于承载创意与美感,不仅是功能实现,更是对创意表达和个体温度的尊重。

精选分类

笔记

笔记

AI 后端 算法 青训营笔记 CS基础 数据结构 前端 用 GitHub Actions 自动化 Electron 上架 MAS(Mac App Store) 为 Astro 博客添加可插拔的圣诞特效模块 在 Astro 博客中实现 LQIP(低质量图片占位符) 我的 Claude Code 使用小记 2 我的 Claude Code 使用小记 从像素到粒子:p5.js 图像转动态粒子的设计与实现 Tailwind CSS v4.0 升级与 Astro 5.2 项目迁移记录 优化 JavaScript 的乐趣和好处【译文】 NestJS学习之优秀项目分析与最佳实践 RN 学习小记之使用 Expo 创建项目 Floating UI 使用经验分享 - Dialog Floating UI 使用经验分享 - Popover Tailwind CSS v3.3 为我们带来了哪些惊喜? 信息安全概论复习四 Chapte8、9、10 信息安全概论复习三 Chapter5、6、7 信息安全概论复习二 Chapter4 对称密码技术 信息安全概论复习一(Chapter1、2、3) Go语言初上手(三)编码规范与性能优化 | 青训营 Go语言初上手(二) 工程实践 | 青训营 Go语言初上手(一) 环境配置与基础语法 | 青训营 编译原理 实验四 LR(1)分析法程序 编译原理 实验二 LL(1)分析法程序 编译原理 实验一 词法分析器设计 前端面试之onclick与addEventListener区别详述 深入JavaScript学习之路(二)JavaScript中的类 深入JavaScript学习之路(一)对象、类与面向对象编程 Redux学习之路(一)Redux三原则、createSore原理及实现 青训营 |「前端设计模式应用」笔记 React学习小记 青训营 |「小程序技术全解」笔记 青训营 |「Web多媒体入门」笔记 青训营 |「小游戏开发」笔记 青训营 |「TypeScript入门」笔记 青训营 |「WebGL基础」 青训营 |「构建Webpack知识体系」 青训营 |「Web开发的安全之旅」 青训营 |「Node.js 与前端开发实战」 青训营 |「HTTP实用指南」 青训营 |「前端动画实现」 青训营 |「响应式系统与 React」 青训营 |「前端必须知道的开发调试知识」 青训营 |「Web 标准与前端开发」 青训营 |「跟着月影学 JavaScript」笔记 青训营 |「CSS布局」 高级java复习笔记(期末不要挂啦) 高级java作业(反射、Collection、正则、工厂设计模式和观察者模式) 高级java小测2——线程 软件工程期末小测 计算机组成原理复习总结(七)外围设备 计算机组成原理复习总结(五)中央处理器 计算机组成原理复习总结(六)总线系统 计算机组成原理复习总结(四)指令系统 计算机组成原理复习总结(三)多层次的存储器 计算机组成原理复习总结(二)运算方法和运算器 计算机组成原理复习总结(一)计算机系统概论 操作系统实验——动态分区分配方式的模拟 操作系统编程实验——创建进程 python网络爬虫学习笔记(一) 爬取简单静态网页 模板类封装(2)——顺序栈和链式栈 链式前向星存图、二分图匹配之匈牙利算法 模板&分析(存用) 模板类封装(1)——单链表 状压dp——模板&分析&例题(存用) 数据结构学习笔记<9> 散列查找 归并排序循环实现(存用) 数据结构学习笔记<8> 排序 博弈论——模板&分析(存用) 动态规划学习笔记(1) 数据结构学习笔记<7> 图 数据结构学习笔记<6> 堆与哈夫曼树与并查集 RMQ问题——线段树 数据结构学习笔记<5> 二叉搜索树与平衡二叉树 RMQ问题——ST表算法 数据结构学习笔记<4> 二叉树 数据结构学习笔记<3> 队列 数据结构学习笔记<2> 堆栈 广义表、多重链表初接触

7 个子分类,77 篇文章