cosine

余弦の博客

= WA 的一声就哭了 =

cos avatar

cos

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

Pinned Posts

post cover
Weekly

2026-02-09

1125 words

This issue covers the author's new music playlist and player features for the blog, supporting multiple music lists and custom syntax, along with Moe Copy AI updates and dark mode. It also compiles the latest web platform developments including progress on Vite, Gatsby, Oxc, and more, plus practical techniques like CSS Anchor Positioning and no-JavaScript video embedding, showcasing the frontend ecosystem's continuous evolution and innovation.

post cover
Life

2024-12-31

5075 words

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

Posts

post cover
Frontend

2026-01-23

2213 words

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

post cover
Tools

2026-01-12

5879 words

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

post cover
Tools

2026-01-07

2434 words

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

post cover
Tools

2026-01-03

2578 words

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

post cover
Tools

2025-12-31

2588 words

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

post cover
Tools

2025-12-29

3391 words

A complete usage guide for the astro-koharu blog, including quick start, configuration, article system, UI features, and more

post cover
Frontend

2025-12-25

3703 words

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

post cover
Frontend

2025-12-20

1687 words

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

post cover
AI

2025-12-07

2603 words

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

post cover
Life

2025-09-04

927 words

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

Featured Categories

笔记

Notes

Frontend AI 后端 CS基础 青训营笔记 数据结构 算法 Automating Electron App Submission to MAS (Mac App Store) with GitHub Actions Adding a Pluggable Christmas Effects Module to an Astro Blog Implementing LQIP (Low Quality Image Placeholders) in an Astro Blog My Claude Code Usage Notes 2 My Claude Code Usage Notes From Pixels to Particles: Designing and Implementing Image-to-Dynamic-Particle Conversion with p5.js Tailwind CSS v4.0 Upgrade and Astro 5.2 Project Migration Notes The Joy and Benefits of Optimizing JavaScript [Translation] NestJS Study: Excellent Project Analysis and Best Practices React Native Learning Notes - Creating a Project with Expo Floating UI Practical Guide - Dialog Sharing My Experience with Floating UI - Popover What Surprises Does Tailwind CSS v3.3 Bring? Introduction to Information Security Review 4: Chapter 8, 9, 10 Introduction to Information Security Review 3: Chapter 5, 6, 7 Introduction to Information Security Review 2: Chapter 4 Symmetric Cipher Technology Introduction to Information Security Review 1 (Chapter 1, 2, 3) Getting Started with Go (Part 3) Coding Standards and Performance Optimization | Youth Training Camp Getting Started with Go (Part 2) Engineering Practices | Youth Training Camp Getting Started with Go (Part 1) Environment Setup and Basic Syntax | Youth Camp Compiler Principles Lab 4: LR(1) Parsing Program Compiler Principles Lab 2: LL(1) Parsing Program Compiler Principles Lab 1: Lexical Analyzer Design Frontend Interview: Detailed Comparison of onclick vs addEventListener Deep Dive into JavaScript (Part 2): Classes in JavaScript Deep Dive into JavaScript (Part 1): Objects, Classes, and Object-Oriented Programming Redux Learning Journey (Part 1): Redux Three Principles, createStore Internals and Implementation Youth Camp | "Front-end Design Patterns in Practice" Notes Brief Notes on Learning React Youth Training Camp | "Mini Program Technology Complete Guide" Notes Youth Training Camp | "Introduction to Web Multimedia" Notes Youth Training Camp | "Mini Game Development" Notes Youth Training Camp | "Introduction to TypeScript" Notes ByteDance Youth Camp | "WebGL Basics" ByteDance Youth Camp | "Building a Webpack Knowledge System" ByteDance Youth Camp | "The Security Journey of Web Development" Youth Training Camp | "Node.js and Front-End Development in Practice" Youth Training Camp | "HTTP Practical Guide" ByteDance Youth Camp | "Front-End Animation Implementation" Youth Training Camp | "Reactive Systems and React" Youth Camp | "Essential Development and Debugging Knowledge for Front-end" Notes ByteDance Youth Camp | "Web Standards and Front-End Development" Youth Training Camp | "Learning JavaScript with Yueying" Notes Youth Camp | "CSS Layout" Advanced Java Review Notes (Please Don't Fail the Final!) Advanced Java Assignment: Reflection, Collection, Regex, Factory Pattern, and Observer Pattern Advanced Java Quiz 2 — Threads Software Engineering Final Quiz Computer Organization Review Summary (7): Peripheral Devices Computer Organization Review Summary (5): Central Processing Unit Computer Organization Review Summary (6): Bus Systems Computer Organization Review Summary (4): Instruction Systems Computer Organization Review Summary (3): Multi-Level Memory Systems Computer Organization Review Summary (2): Arithmetic Methods and Arithmetic Units Computer Organization Review Summary (1): Introduction to Computer Systems OS Lab: Simulation of Dynamic Partition Allocation OS Programming Lab: Creating Processes Python Web Scraping Study Notes (1): Scraping Simple Static Web Pages Template Class Encapsulation (2) -- Sequential Stack and Linked Stack Chained Forward Star Graph Storage & Hungarian Algorithm for Bipartite Matching: Template & Analysis (Reference) Template Class Encapsulation (1) -- Singly Linked List Bitmask DP — Templates & Analysis & Examples (Reference) Data Structure Study Notes <9> Hash Search Iterative Implementation of Merge Sort (Reference) Data Structure Study Notes <8> Sorting Game Theory — Templates & Analysis (Reference) Dynamic Programming Study Notes (1) Data Structure Study Notes <7> Graphs Data Structure Study Notes <6> Heaps, Huffman Trees, and Union-Find RMQ Problem — Segment Tree Data Structure Study Notes <5> Binary Search Trees and AVL Trees RMQ Problem — Sparse Table Algorithm Data Structure Study Notes <4> Binary Trees Data Structure Study Notes <3> Queues Data Structure Study Notes <2> Stacks First Encounter with Generalized Lists and Multilinked Lists

7 subcategories, 77 posts

© 2020 - 2026 cos @cosine
Powered by theme astro-koharu · Inspired by Shoka