25 Feb 2026

工作记录

Todo

supertokens role 的 auth 还行吗？速度感觉是一个问题？ [done] => jwt + nginx cache.
nginx cache 要生效，必须设置 proxy_buffering on;

mp3 加载优化：只加载 viewpoint 内的 audio metadata 【done】 => 小小的功能，又是一顿 debug，好在顺利完成。

<!-- 重点：改成 preload="none" -->
<audio class="player-audio lazy-audio" preload="none" controls>
    <source src="/docs/.../xxx.mp3">
    你的浏览器不支持此音频
</audio>

添加 JavaScript 代码

这段脚本会自动扫描所有带 .lazy-audio 类的音频标签，并在它们进入视野时触发加载。

<script>
document.addEventListener("DOMContentLoaded", function() {
    // 1. 检查浏览器是否支持 IntersectionObserver (绝大多数现代浏览器都支持)
    if ("IntersectionObserver" in window) {

        // 2. 定义观察器的回调函数
        let audioObserver = new IntersectionObserver(function(entries, observer) {
            entries.forEach(function(entry) {
                // 如果元素出现在视口中 (isIntersecting 为 true)
                if (entry.isIntersecting) {
                    let audio = entry.target;

                    // 3. 核心操作：把 preload 改回 metadata
                    // 这会告诉浏览器：“嘿，用户看到我了，快去下载元数据！”
                    audio.preload = "metadata";

                    // 调试日志 (可选，上线后可删除)
                    console.log("Audio visible, loading metadata:", audio.currentSrc || "source inside");

                    // 4. 停止观察当前元素 (避免重复触发)
                    observer.unobserve(audio);
                }
            });
        }, {
            // 配置：rootMargin 用来提前加载
            // "0px 0px 200px 0px" 表示在元素距离屏幕底部还有 200px 时就提前触发
            // 这样用户滚到那里时，时长可能已经加载好了，体验更丝滑
            rootMargin: "0px 0px 200px 0px"
        });

        // 5. 找到页面上所有需要懒加载的 audio 标签并开始观察
        let lazyAudios = document.querySelectorAll("audio.lazy-audio");
        lazyAudios.forEach(function(audio) {
            audioObserver.observe(audio);
        });
    } else {
        // Fallback: 如果浏览器太老不支持 IntersectionObserver，就直接全部加载
        // 或者是直接保留 preload="none"，让用户点击播放时再加载
        let lazyAudios = document.querySelectorAll("audio.lazy-audio");
        lazyAudios.forEach(function(audio) {
            audio.preload = "metadata";
        });
    }
});
</script>

page 优化：
- 增加面包屑 [done]
- 滚动条优化【done】
- 表格样式优化？【done】
- navbar 对齐主题色，对齐宽度
上线后 TODO
- 配置 Stripe webhook：
  - 创建 Webhook 端点
    After testing locally, get your webhook event handler up and running on your server. Next, create a webhook endpoint to send checkout.session.completed events to your server, then test the Checkout flow again.
    https://docs.stripe.com/webhooks#register-webhook

Process

生活记录

一早起来看了会儿新闻，看到刘强东东哥进军游艇行业，搞新能源，但是是个人出资。想起 2 年前多伦多房东用他的游艇带我们出海（湖）时，说为啥中国新能源车这么牛，咋不来搞游艇呢？哈哈，这才来，感觉需求和资本，时间差是真的大啊。所以说，永远都有机会的—还是有很多痛点的。

煮了个面条鸡蛋，好吃。

看了会儿论语。最值得记录的是马厩着火，孔子上完朝回来，只问人有事吗？没有问马。当年那个尊卑有序的年代，至少在孔子眼里，人还是比马重要的。试问今朝，又有多少人能做到了？

然后去买菜，猪肉是真便宜，10 块钱左右，自己买的养殖一直起不来，看起来猪周期真的没了。菜价大部分也挺便宜的，不过那个红椒还是这么贵，10 块钱斤，不知道为啥，这玩意在国内国外都这么贵呢？豆腐 2.5 块，数值和国外基本一致。看来豆腐是恒等值的。

看股票，不得不感慨强者恒强，海熊、轮船有时连着 10% 涨停，化工继续涨，潍柴继续涨。自己卖出涨得好的，大力买消费、养殖，真是别人说的—把能干的员工开除了，雇佣不能干的人，仅仅担心能干的人太能干了要跑，就去找那些没啥优势的人，只期望未来能够展现出潜力。

情绪记录

Good

Bad

Reflect

本质上，还是估值模式太浅薄。在不了解的情况下，只能追求估值均值回归这一个点。然而，资本市场，真是强者恒强。不过吧，也别着急，只要选的股是对的，也就是慢点，少点，人，赚认知内的钱，在认知不足的情况下坚守自己的认知范围，还能保留一条命不是。永远不要担心没有机会，资本市场，最不缺的就是机会—因为大部分时候，这就是一个博弈，博弈认知的先后差异。大部分人都是菜鸡，还是不坚定的菜鸡—我是菜鸡，但我得更坚定，同时上进学习，才可能在别人出错时有一个时间差来获取收益。

从我自己的感觉来看，大部分人认知太慢—有时候我觉得自己已经慢了一拍了，结果事实证明，市场慢了 N 拍—这也是自己总是减仓太快的一个原因—感觉已经兑现了，然后看着后面不断的涨停才发现，真正的人流还没冲进来呢！自己买商业航天时，就是这么个感觉啊。可惜了，错过了大鱼啊—但是！错过了就别再去上车，这样至少是赚的不是。

坚守蚊子腿也是肉，不给人钓鱼机会，不亏就是赢。少赢一点，莫得事。

工作记录#

Todo#

Process#

生活记录#

情绪记录#

Good#

Bad#

Reflect#