作品展示页动画实现原理
从滚动读数、目标与渲染进度、分镜区间出发,拆解 Rainzt.cn 作品展示页当前的工程化实现:长滚动固定舞台、requestAnimationFrame 平滑、媒体解码、快门转场与内容可访问性边界。
Aemeath 是朝朝听雨(Rain)的个人博客站点,记录技术实践、项目进展与日常写作。
从滚动读数、目标与渲染进度、分镜区间出发,拆解 Rainzt.cn 作品展示页当前的工程化实现:长滚动固定舞台、requestAnimationFrame 平滑、媒体解码、快门转场与内容可访问性边界。
跨境电商自动化定制项目告一段落后,我重新回望电脑里堆满的工具文件夹,也重新想清楚了初代博客与第二代博客各自要承载什么。
当 AI 十分钟就能写完一篇结构清晰的项目介绍,亲手写作还有什么意义?聊聊效率、表达、个人经验,以及我对 AI 未来的一点期待和不安。
一套面向电商主图批量生成的本地可视化工作台,把产品图、提示词、参考风格、文案规则、GPT Image 节点和结果复盘组织进无限画布,并为后续视频工作流留下扩展空间。
记录首次访问欢迎提示的实现:分时问候、所在地获取、会话内只显示一次,以及接口失败时不打扰阅读的回退方案。
给博客侧边栏加入时间进度与下一节点倒计时,并记录日期计算、闰年处理和无刷新切页中的计时器清理。
不调用外部语录接口,也不需要数据库,用日期从十条本地名句中选出当天固定的一句。
一次很小的博客改造:用两枚本地 cur 文件区分默认与可点击状态,同时照顾输入框、触屏设备和加载失败时的回退。
记录我给第二代博客加入分时问候实时时钟的过程,以及从暗色整图卡片重新调整为白色信息区与鸣潮随机配图的几次取舍。
记录我给第二代博客重做页脚的过程:如何安排技术徽章、社交入口、运行时间、备案提示与版权信息,并把它做成一个可以继续维护的 Astro 组件。
记录一个运行在 Windows 桌面上的 BigSeller 自动化系统:从 Excel、图库和模板配置开始,经由 Shopee/TikTok Shop 独立 Worker 执行,再用身份校验、变种精确匹配、暂停恢复、SSE 日志和历史记录把一次高风险的批量发布变成可追踪流程。
记录这个个人博客从本地运行、内容配置、生产构建到宝塔 Nginx 部署和 HTTPS 上线的完整流程。