第31期 - blog

生活中的仪式感-第三十一期

这周生日，收到了来自爸妈的红包，很开心，大家都还记得我的生日，我还以为今年妈咪又要忘记了，但是妈咪还是记起来了就很开心，下面这幅画是我为自己准备的生日礼物，所谓生活需要有仪式感，所以我认真为自己准备了礼物。

技术类分享

静态根：具有编译时常量地址的对象

静态根是一种优化技术，它允许 V8 引擎在执行 JavaScript 代码时，减少对堆（heap）内存中对象的搜索次数。在 JavaScript 中，对象属性的访问通常需要通过原型链进行搜索，这可能会导致性能问题。通过使用静态根，V8 引擎可以预先确定某些属性的存储位置，从而加快属性访问速度。

JWT-JSON Web Token

https://www.sitepoint.com/using-json-web-tokens-node-js/

文章介绍了JWT是什么，如何在Node中使用，为什么要用JWT，适合于全栈学习。JWT已经非常流行了，至少目前这家公司的所有接口都是根据JWT来实现接口令牌的。

使用 Next.js with Suspense 创建加载组件

https://blog.logrocket.com/using-next-js-react-suspense-create-loading-component/

从头开始的promise

https://www.joshwcomeau.com/javascript/promises/

难的有文章把promise讲的很通透，原来response.json() 生成一个全新的 Promise，当响应以 JSON 形式完全可用时，该 Promise 就会实现。response.json()是异步的，Web 基础架构的核心部分是服务器能够流式传输响应，并批量发送响应。这通常用于媒体（例如 YouTube 上的视频），但也可以用于较大的 JSON 有效负载。当浏览器从服务器接收到第一个字节的数据时， fetch() 将解析 Promise。当浏览器收到最后一个字节的数据时， response.json() 将解析 Promise。

fetch('/api/get-data')
  .then((response) => {
    return response.json();
  })
  .then((json) => {
    console.log(json);
    // { data: { ... } }
  });