@supuwoerc 贴重复了

```
function handleVisibilityChange() {
if (document.visibilityState === "visible") {
draw();
}
}
```

mac 上稳定复现，切换下标签页就能复现出来，之前 GPT 的 SSE 对话也会因为这个特性鬼畜，好像是有一个版本为了减少 chrome 占用内存太夸张引入的 feature ，当标签页不活跃的时候会释放相关的占用。

```
function drawRectangle() {
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'red';
ctx.fillRect(10, 10, 100, 50);
}

function animate() {
drawRectangle();
requestAnimationFrame(animate);
}

animate();
```

```
function drawRectangle() {
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(10, 10, 100, 50);
}

function animate() {
drawRectangle();
console.log(1);
requestAnimationFrame(animate);
}

animate();
```

不是等一会，而是当页面不可见之后似乎渲染会被还原，祖传的问题了，好像有一个开关可以控制。

国外好像很多项目都是 next 一把梭，会 nodejs 后端和前端就能做项目了，如果用了 ts ，前后端数据类型还能直接共用，我之前看过 YouTube 上的一个大佬，项目构成十分优雅。

被改了...

以前用过楼上说的无头浏览器实现的方案，只要部署一个 nodejs 的无头浏览器爬页面就行。

办公室的 m2 mbp ，家里的 m1 mbp 都没生效...
OS:13.4 (22F66)
Chrome 124.0.6367.203

学历没 211 硕士都白搭.... 难上天

自己的项目：爱的死去活来，不断重构优化，一分钱没挣到
公司的项目：恨的痛彻心扉，不断屎山拉屎，工资大大的有

@supuwoerc 看错了，这不是 dfs ，这是广度优先...

基于 dfs 实现的人形自走爬虫

https://3dtextures.me/
https://www.poliigon.com/textures
纹理相关

@supuwoerc 贴错了，贴成材质了，再一看楼上说过了：SketchFab

保质期应该是厂家对自己产品的承诺保证，在这个时间范围内出现质量问题可以找厂家（虽然没啥用），并不意味着到这个时间食品就坏了，食品不能瞬间坏掉～

flex + grid 解决绝大多数布局，再补充问一问 gpt ，做几个页面就熟悉了