cosine

余弦の博客

= WA 的一声就哭了 =

cos avatar

cos

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

置顶文章

post cover
周刊

2025-11-30

2420 字

本期周刊:博客 UI 更新并更名为 astro-koharu,域名迁至 blog.cosine.ren;计划自研评论与迁移旧评。社区要闻:WebGPU 主流浏览器全面支持、Ant Design 6 发布、Edge 上线站点级扩展开关、npm 再现供应链攻击、TanStack Pacer 发布、Better Auth 1.4 更新;精选文章与 CSS 新特性、工具与代码示例一览。

post cover
随笔

2024-12-31

6279 字

这篇文章是作者对2024年生活的深情回顾,涵盖了生活、工作、情感、消费与兴趣等多个方面。他以“现充”自居,分享了这一年中购置的新设备、热爱的美食、旅行见闻、游戏体验、追番心得以及对自我成长的感悟,整体风格温暖、真诚,传递出对生活的热爱与积极态度。

文章列表

post cover
AI

2025-12-07

3774 字

本文作者分享了自己近4个月高强度使用Claude Code的实战体验与思考,强调其在复杂项目开发中的高效辅助作用,尤其在前端音视频APP开发中显著提升开发效率。文章详细介绍了Claude Code的Plan Mode、技能(Skills)系统、工作流设计及与Cursor、Codex等工具的对比,同时提出AI编程应有明确边界,建议在技术债务严重或逻辑混乱的项目中谨慎使用,并推荐了多个实用的AI辅助开发实践和文章资源。

post cover
随笔

2025-09-04

1379 字

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

post cover
AI

2025-08-05

1604 字

文章分享了作者使用 Claude Code 的日常体验与实用技巧,强调其在代码开发中的高效性与便捷性。通过自定义斜杠命令、权限设置、语音通知等功能,提升了开发效率,并通过项目学习、代码审查等场景展示了其在代码理解、项目分析和团队协作中的强大能力。

post cover
前端

2025-07-21

7474 字

本文介绍了如何将静态图像转换为动态粒子系统,通过物理模拟实现图像的粒子化表现,核心思路是将图像像素映射为粒子,利用粒子的运动规律(如寻径、噪声扰动、鼠标交互)实现平滑过渡和自然视觉效果。文章详细讲解了图像解构、粒子映射、物理模拟、对象池优化、随机采样与坐标转换等关键技术,并基于p5.js实现,后续迁移到React中通过@p5-wrapper/react进行组件化集成,支持TypeScript类型安全和响应式更新,适用于展示类场景如品牌Logo动态呈现。

post cover
工具

2025-03-29

3111 字

本文总结了作者2024年以来常用的VSCode前端开发插件与工具,重点推荐了新增的实用插件,如Shader语言支持、Tailwind类名高亮、shadcn颜色预览、React国际化处理、Rainbow CSV等,强调了提升开发效率和代码可读性的功能。同时整理了核心开发、辅助及实用工具类插件,并根据使用频率和实际需求优化了推荐列表,部分旧工具或因编辑器切换(如转向Cursor)而被弃用。

post cover
前端

2025-02-03

2036 字

Tailwind CSS 4.0 推出高性能构建引擎,构建速度提升5倍以上,支持级联层、容器查询、3D变换等现代CSS特性,提供零配置安装和Vite深度集成。新增动态实用程序、CSS主题变量、字段自适应、inert与nth变体等丰富功能,同时提供自动化迁移工具,解决Astro等项目中的插件兼容性问题,推荐通过升级至Astro 5.2+并手动配置Vite插件实现平滑迁移。

post cover
随笔

2024-12-31

6279 字

这篇文章是作者对2024年生活的深情回顾,涵盖了生活、工作、情感、消费与兴趣等多个方面。他以“现充”自居,分享了这一年中购置的新设备、热爱的美食、旅行见闻、游戏体验、追番心得以及对自我成长的感悟,整体风格温暖、真诚,传递出对生活的热爱与积极态度。

post cover
随笔

2024-11-04

2357 字

文章讲述了一位姐姐在家中猫咪“腊八”意外走失后的焦急寻找过程,通过贴寻猫启事、使用强光手电和热成像仪、邻里互助等手段最终在邻居窗台找到猫咪的感人经历,并总结了找猫的实用经验与重要教训。

post cover
工具

2024-10-15

2800 字

本来只是想在 v2ex 发几个邀请码,写着写着发现也是时候可以写一篇 Follow 体验的博客了

post cover
JavaScript

2024-03-28

8615 字

本文系统总结了 JavaScript 性能优化的八大核心技巧,强调优化必须以基准测试为前提,避免盲目优化。内容涵盖避免不必要的工作(如记忆化、延迟计算)、减少对象形状变化(保持对象结构一致)、避免数组/对象方法的冗余复制、减少间接访问、优化缓存命中率、控制大对象使用、合理使用 eval 以及高效处理字符串操作。作者指出,性能优化需在可读性与效率之间权衡,且许多优化效果在实际运行中可能被忽略,因此必须结合具体场景和基准测试来验证。

精选分类

笔记

笔记

AI 算法 后端 前端 青训营笔记 数据结构 CS基础 我的 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 个子分类,74 篇文章