vace

在 AI 的加持下，TypeScript 优势明显，生成的代码准确率很高，
能过编译，就能排除大量手贱的隐性 bug 了，
平时连写小脚本都是 TS ，再配合 bun 。

家父有个小茶厂，清明回去，送罐试喝装给你 🤣

已入股，支持一下个人开发者。加油 ⛽️

React 是使用者上限与下限差距极大的框架，前期各种概念，后期为所欲为。🤣

我闻到了，我的 M1 Ultra 散热器吹出了 1140 亿个晶体管的味道！

不想改代码的话，就同步获取 env ，直接赋值给 config：1. 后端输出 html ，把 env 直接注入到页面，直接全局变量拿，2. 提供一个 jsonp 的接口，或者直接输出一段 js ，在渲染前直接 script 加载，然后同 1 。

异步的方案非常多了，看你代码架构了，但既然有很多散落的引用，那说明原来的东西也不咋合理，你要做的就是确保在异步完成后取值。

1. 你为什么保存不了 PDF：
因为这个页面设置了好几处 print style ，比如 `@media print html, body {display: none;}`，也就是打印时关闭所有输出，Chrome 的话你打开 Rendering ，设置 Emulate Css media type = print ，就能预览到打印样式，随手改改，就能打印了（注意还要勾选浏览器的打印选项：包含背景图片）

2. 他们怎么做的：
其实也挺简单，每一页划分成 m 乘 n 的固定块，然后再把这些块打乱输出一张图片，显示时用 html 的 background-position 对每一块进行定位，这一步写个脚本就能完成了。相应的，拿到 html 结构和图片，提取出 position ，你写个脚本也能复原图片。

3. 为啥这么做：猜测的原因可能有： 防爬虫、付费卖文档、节约点点资源？（毕竟合并在一起压缩率更高，可以一次拿到很多页的数据，目前还过滤了纯白色块）

来晚了，就试试运气吧～

1. pinia 或者 vuex 之类的状态管理同步
2. event bus: https://v3-migration.vuejs.org/breaking-changes/events-api.html

bus.$emit('message-1', obj1)
bus.$emit('message-2', obj2)

page1:
bus.$on('message-1', ...)
page2:
bus.$on('message-2', ...)