AlynxZhou / stackharbor

喵's StackHarbor
https://sh.alynx.one/
4 stars 2 forks source link

基于 GitHub Issue 的前端评论框 #47

Open farseerfc opened 4 years ago

farseerfc commented 4 years ago

周老師好評

AlynxZhou commented 4 years ago

周老師好評

哇 fc 老师你这也太夜猫子了吧(而且你好像比我快一小时耶

farseerfc commented 4 years ago

哇 fc 老师你这也太夜猫子了吧(而且你好像比我快一小时耶

剛把小女兒放倒,才有機會摸電腦 QuQ

AlynxZhou commented 4 years ago

这条评论是用来测试带有缓存的 GitHub API 请求(

AlynxZhou commented 4 years ago

支持 IE 的前端的痛苦都是相似的,不支持 IE 的前端则各有各的痛苦。(

为什么非 HTTPS + localhost 不能用 CacheStorage 啊,难道他们没考虑过在电脑上开发然后手机访问测试移动版吗?还是说他们打算在手机上起一个开发服务器?为什么 CacheStorage 只能缓存 Response 而不是任意数据结构?Safari 不能完整支持 Response 对象也就算了,为什么移动版 Chrome 和 Firefox 也不支持?合着你们 fetch 返回的 Response 还不是 Response?这世界到底怎么了……

不管怎么样现在这个网站在支持 CacheStorage 和 Response 的浏览器上(似乎也就桌面版 Chrome/Firefox……)是缓存 GitHub API 的结果了,打开 DevTools 切到 Network 面板可以看到 GitHub API 返回的是 304 而不是 200,其他浏览器则 fallback 到无缓存的 fetch。当然其他浏览器不包含 IE 咯。

SukkaW commented 4 years ago

为什么要用 CacheStorage 呢(狐狐挠头),ETag 可以是浏览器主动协商的呀。

AlynxZhou commented 4 years ago

为什么要用 CacheStorage 呢(狐狐挠头),ETag 可以是浏览器主动协商的呀。

我直接用 fetch 的时候没看见他出过 304,感觉可能假如你是浏览器访问一个文件他会自动带 ETag,但像这种手动 fetch 好像要自己发送上一次 header 里面的 ETag 才可以?我也想把这些乱七八糟的事情交给浏览器来搞,但按我的测试他好像不干……?

opfanswyx commented 4 years ago

吼吼,喵好久不见呐(好久没来逛了),2020真是魔幻的一年,祝喵顺利。

AlynxZhou commented 2 years ago

为什么要用 CacheStorage 呢(狐狐挠头),ETag 可以是浏览器主动协商的呀。

2022 年 3 月 21 日我终于发现 fetch 不会主动帮我做缓存的原因是我一直习惯性的在 DevTools 里面勾上 Disable Cache……