From Telegram

完美的棍子

专业人士和不专业人事都能一笑的笑话

via LDLD 果冻

Service Worker 是比 disk cache 慢的，但是 service worker 可以从 disk cache 或者 cache storage 取来弥补这件事。

From Telegram

From Telegram

via Haiun Bccny

from 咕咕咕 立秋 via brucia️ L️️

比起阴天晴天，我更喜欢离国庆更近了的一天

From Telegram

From Telegram

via Enlysure

from 警察這裡有大麻🌿

from 煎蛋无聊图

via efsg

From Telegram

猫猫面包屋 | いかり #Pixiv https://pixiv.net/i/111566669

from TG空间 🚫NOAD via efsg

From Telegram

OpenAI 发布自然语言图像生成模型 DALL·E 3

DALL·E 3 原生构建在 ChatGPT 上，你可以与 ChatGPT 沟通来进行内容的详细定制。这一点与完全基于 CLIP (图像-文本映射模型) 的其它图像生成AI截然不同，DALL·E 3 有着真正的"思考推理大脑"，这使它对画面的细节有着相当大的掌控力，并且不再需要复杂的 prompt 工程即可理解你的想法。

OpenAI

投稿：@ZaiHuaBot 频道：@TestFlightCN

😁😁

from 煎蛋无聊图

基于最近的感受基本上不做题的公司都是比较拉的

拦截浏览器的后退事件，准确而言应该是点击图片时增加路由，优化回退的感觉。

From Telegram

From Telegram

via efsg

via DECADE

From Telegram

From Telegram

From Telegram

from 平壤卫视

via Cat 73

via 犯罪嫌疑人张某

via 犯罪嫌疑人张某

via 大宇宙 银河

from 心惊报

from 什么都能放

via AXJue/车皇

via 1235789gzy1

from 荔枝木

From Telegram

相机喜欢相机不是很正常？

From Telegram

via efsg

From Telegram

from 煎蛋无聊图

from 煎蛋无聊图

From Telegram

via Xx Xx

From Telegram

From Telegram

via □ □

via □ □

From Telegram

From Telegram

via DECADE

from 煎蛋无聊图

from 煎蛋无聊图

via 犯罪嫌疑人张某

震惊我一整年，输入法可以滑动输入（或者也叫 滑行输入）。

tg上东西同步

有感 https://www.v2ex.com/t/974008

每个人都是独立的个体，所以不管是夫妻，子女，父母是否需要改掉几十年的习惯去适应对方。为什么要改？ 因为这就是爱：家是讲爱的地方，不是讲理的地方。

https://www.zhihu.com/question/25388501

为什么公历 1900 年不是闰年？

https://zhuanlan.zhihu.com/p/29993252

1900年闰年Bug

额，前端开发有很好的即时反馈～

https://stackoverflow.com/questions/41740082/scroll-events-requestanimationframe-vs-requestidlecallback-vs-passive-event-lis

露从今夜白

面试的时候如何保持风趣幽默？

为什么不使用递归？因为我 stackoverflow 了

～

所以 startTransition 降低优先级，降低到多少级呢 Lane

你提到的 startTransition 是 React Concurrent Mode（并发模式）的一部分，用于启动不急迫的用户界面转换，例如数据获取。
当使用 startTransition 开始一个更新时，React 会为该更新分配一个较低的优先级，意味着它可以等待高优先级的任务完成后再执行。在具体的优先级系统（lanes）中，startTransition 降低的具体优先级可能不是公开明确的数字。React 团队为优先级设计了一个相对复杂的系统，其中有多个 "lanes" 代表不同的优先级。
至于你提到的 "多少级"，这其实是一个实现细节，React 团队可能会随着版本的迭代进行调整。对于开发者来说，更关心的是 startTransition 能够确保那些不是非常紧急的更新不会阻塞关键用户交互。
如果你想深入了解 React 的并发模式的实现，可以查阅 React 源码或者关注 React 团队的公开通讯。但在日常开发中，了解 startTransition 的基本行为和意图通常就足够了。

jotai vs zustand

https://docs.pmnd.rs/zustand/getting-started/comparison

https://www.reddit.com/r/reactnative/comments/10vvt1g/jotai_or_zustand_for_my_senior_project/

https://jotai.org/docs/basics/comparison https://github.com/saasquatch/jotai-molecules#motivation

https://powerfulyang.com/post/160

看了但是又像没看

https://www.yejianye.com/2018/04/23/interviewer/

所以如何成为一个合格的被面试者？也要懂如何成为～

Emmmmm

互联网是否有记忆？

• 所有图片的 alt 属性刷新
• React hooks 实现原理
• React Fiber 切片
• monaco-editor 支持 vue 高亮

是我太菜咯～

天凉好个秋

立秋

八月~

• 学习 monaco-editor-webpack-plugin
• TypeScript AST
• React 新版文档

正向激励，讽刺不可取~

七月~

七月新番好看

• 无职
• fate 虽然只有一集

优秀的学习习惯应该是什么样子？

• 想玩就玩，想学就学？但是前提是能够使用正确的方式从游戏中或者游玩项目中迅速的脱离(比如可以选择强化失败？意识到这是一个无止尽的上班游戏？意识到这是一个氪金严重的游戏？通过一直浪来结束竞技的趣味？)
• 不需要一次弄清所以然，通过经常的囫囵吞枣、浅尝辄止来不断复习这个知识点，重复的训练和复习来达到熟能生巧的目的。
• 好记性不如烂笔头。人的记忆毕竟是有限的，遇到有趣的段子、点子、很易懂的讲解，可以通过笔记记录下来。
• 未完待续...

熟能生巧

因为使用时间格式不正确，没有正确使用24小时制（HH:mm:ss）而是使用12小时制来格式化时间，导致时间相差12小时的 BUG

疯狂注水

• react-native
• react-three-fiber

六月~

妈惹，五月底了

为什么愿意花上万治病，却不愿意花很少的钱解决根源：因为mental accounting，人对自己的钱并不是当成一个整体去看待的，你会把你的100块分成吃饭娱乐交通等开支并为每一个项目设立相应的预算，而忽视整体支出的有效性。在父母眼里牛肉牛排是享乐消费，预算很少，而其他（比如医疗）属必要消费，预算则无限制。却忽视二者存在互相的影响，联合考虑可节省整体开销。 只关注部分而忽视整体的现象叫做narrow bracketing，如果意识到这一点并有意识地进行改进会避免很多这种事情，也能给自己省点钱

告别是为了延续回忆永恒的华丽

Aha

不要对着结果找规律

那些留在2023年的日子：五月

• Docker 多阶段构建
• TypeScript namespace 的妙用，在生成模版代码的时候可以免导入，直接使用 namespace 获取
• BFS 和 DFS 的优缺点，fiber 为什么选择 DFS

时间都去哪儿了？

爹味太重～随地大小爹

以后再也不钓鱼了，再也不吃自费的自助餐

一个人无法同时拥有青春和对青春的感受。

节日快乐

hello

那些留在2023年的日子：四月

• GraphQL Server
• FFmpeg WASM
• MochiDiffusion
• stable-diffusion-webui
• Figma
• Maximum XOR of Two Numbers in an Array
• Proxy for Github Copilot

GPT4 我永远的老师

☺️

错误的归因会使自己连续大亏才能扭转回来，甚至都可能扭转不回来。但问题在于，人脑最擅长的就是自我合理化的归因。比如一些运气游戏，我们发现自己总能找到各种教程教一些玄学技巧。并非真的有原因，而是人脑很难接受没有原因的结果。

如果想要少走弯路，就要学会下定决心。你不可能体验每一次教训有多深刻，比如巴菲特所说的不要做空、不要加杠杆。想要从别人的教训中真正学习到自己身上，就要做到即使没有体验过也要下定决心不去做，这是一件极难极难的事，我目前没有找到更好的办法，因为并不是每个事情都有机会让你浅尝辄止。

李依李

这也能开？

香香

四月是你的谎言

Snapshot testing 很有必要，不然我的依赖基本没办法升级了。

Miku

requestIdleCallback 的兼容性不好

三月中旬啦~

"bump" 这个词在不同的上下文中可能有不同的含义。通常情况下，如果在一个论坛或者社交媒体平台上看到 "bump"，它意味着用户想要将帖子推到页面顶部以便更多的人能够看到它。这是一种常用的手段，通常用于让被忽略的帖子重新获得关注。

在其他情况下，"bump" 也可以用来表示碰撞、颠簸或者突然撞击等意思，取决于具体的语境。

working~

放下助人情结，尊重他人命运

黑暗荣耀第二季，舅妈完结

那些留在2023年的日子： 3月

• Selection to Markdown
• html2md 有 BUG，链接生成的是相对地址，应该用绝对地址
• 处理中文输入法按回车导致的非预期事件, Windows 默认输入法不会有这个问题
• 书签管理，生词本
• 如何让 ESM Module 不用强依赖
• post 详情带中文的锚点需要 encode

nginx 不压缩 HTTP STATUS 为 201 的响应

喜报：人脑不能理解递归。（我已经栈溢出了）

三月~

到底要要全局的加 api prefix，我现在的想法是不要(前端方面)，不要自找麻烦！！！

现在听孙燕姿感觉都是好久好久以前的事了

The queueMicrotask() method, which is exposed on the Window or Worker interface, queues a microtask to be executed at a safe time prior to control returning to the browser's event loop.
First, nextTick queue is checked to get tasks for its execution, once it is exhausted, the microTasks queue is checked. After finishing the tasks in the microtask queue the process of checking nextTick and microTasks queues are repeated until the queues have been emptied.
They have different queues. The nextTick's queue is managed by node and the microtask one is managed by v8.
The nextTick queue is checked first after the current function/script execution, and then the microTask one.

一度以为 useImmer 有什么问题，其实问题根源在严格模式下副作用会生效两次。

那些留在2023年的日子：

• 记录 Post 历史版本
• 发布新内容触发 algolia 的 crawler
• react-fiber
• Node Stream
• 借助SVG文字尺寸自动缩放, 感觉场景就那样
• 不要乱用 100vw，会导致滚动条把页面内容遮住的情况，用100%比较好

• 100vw相对于浏览器的window.innerWidth，是浏览器的内部宽度，注意，滚动条宽度也计算在内！而100%是可用宽度，是不含滚动条的宽度。
  于是，calc(100vw - 100%)就是浏览器滚动条的宽度大小（如果有，如果没有滚动条则是0）！左右都有一个滚动条宽度（或都是0）被占用，主体内容就可以永远居中浏览器啦，从而没有任何跳动！

这像一场热闹的梦。

乐

兔年大吉

新的梗图

遇到一些 React 中会出现问题而普通 JS 中不会复现的情况，首先考虑是不是开启 StrictMode 的情况 Effect 执行两次导致的。

氯雷他定，永远的神。

《The Magical Revolution of the Reincarnated Princess and the Genius Young Lady》感觉还行

梗图

• sass-loader sassOptions 之includePaths 可以使 @import 少写点相对路径
• sass-loader additionalData 可以自定义给文件添加额外内容
• next.js modularizeImports
• next.js transpilePackages
• <meta name="theme-color" content="#ffffff" /> 会影响 Safari 刘海的颜色

第一天

喜迎2023

• 简单使用了 graphql

生活属于每个人自己的感受，不属于任何别人的看法。 ---余华

• 入门 d3.js，指写了个最简单的折线图出来

可爱捏

• MediaRecorder API

Selection Sort

Quick Sort

Insertion Sort

Bubble Sort

《圣经》中讲过一个故事：上帝要求信徒亚伯拉罕杀死他的小儿子以撒，亚伯拉罕虽然不知道为什么，但还是决定服从上帝的指令，含泪把自己的儿子放上祭坛，并举起刀。手起刀落那一瞬间，天使出现并阻止了这场悲剧的发生。原来上帝并不是真的要他杀死自己的儿子，只是在测试亚伯拉罕对自己是不是绝对服从。

这就是服从性测试。 在职场中表现为：无论你的领导给你布置什么样的任务，你都要无条件服从。这样领导就觉得你可以委以重任，值得托付。

酒桌文化，劝酒的本质其实就是一个典型的服从性测试，领导们需要通过劝酒这种行为，来完成“行为性测试”。只有通过服从性测试，你的领导才会相信你能做到：理解要执行，不理解也要执行。

服从性测试无处不在。比如女生有时候会用“无理取闹”的方式来做男友服从性测试。在公司就更多了。领导要用“服从性测试”来考验员工对自己的绝对为首是瞻。这种测试多少带有点无理又荒诞的成分。

其实我想说真正的职场领导力，对爱情的忠诚度，是来自于内心的真正服从和追随，而不是简单的行为服从。

图

每日梗图

又到了白色相簿的季节

每日梗图

• umi@4 版本下 Ant Desgin Pro 的 layout 写法应该改成 react-router@6

每日梗图

1. 打开管理员权限的 terminal 输入 slmgr /upk
2. slmgr /ipk 'product key'
3. slmgr /skms kms-server
4. slmgr /ato

使用 @HttpCode(200) 防止 @Post() 的状态码为 201

梗图

将文件的 HTTP 头中，Content-Type 字段改为 application/octet-stream 即可

有点怪

• 油：以食用油搓一搓手，就能大大降低不適感。
• 酒精：辣椒素會溶解在酒精當中，若沒有醫療用酒精，也可以用廚房常備的米酒塗抹、搓洗。
• 醋：酸性的醋能夠和辣椒中和，因此用醋擦手亦能舒緩疼痛。
• 糖水：糖跟醋一樣能夠中和辣椒的辣度，將手放入糖水中浸泡，便會有效減少灼熱感。
• 熱水：辣椒素在高溫下會蒸發，若手邊沒有酒、醋等食材，便可改選用溫熱的水洗手，當下會感到疼痛，但恢復效果比冷水好上很多。
• 冰牛奶：吃到辣食時，一般人會喝牛奶解辣，同理也可以運用此；把手放入冰牛奶中浸泡，牛奶含有的蛋白質會讓疼痛感很快就散去。

HTML <area><map>标签及在实际开发中的应用
Add a hitmap on top of an image

If you try to render a <label> element bound to a text input using the standard for attribute, then it produces HTML missing that attribute and prints a warning to the console.

1<label for={'user'}>{'User'}</label>
2<input type={'text'} id={'user'} />

Since for is a reserved keyword in JavaScript, use htmlFor instead.

1<label htmlFor={'user'}>{'User'}</label>
2<input type={'text'} id={'user'} />

React v16 support custom DOM attributes.
In the past, React used to ignore unknown DOM attributes. If you wrote JSX with an attribute that React doesn't recognize, React would just skip it.
For example, let's take a look at the below attribute:

1<div mycustomattribute={'something'} />

Would render an empty div to the DOM with React v15:

1<div />

In React v16 any unknown attributes will end up in the DOM:

1<div mycustomattribute='something' />

梗图

• fetch method: Patch 会导致 nginx 报 400 Bad Request，需要全大写 PATCH。

• 了解到 dvh, 解决 Safari 100% 高度问题

• 每日一题排序数组中只出现一次的数字
  • 有序数组，一般和二分挂钩。
  • 单个数一定是偶数下标
  • 1^偶数=偶数+1； 1^奇数=奇数-1；

• 每日一题必须拿起的最小连续卡牌数
• 每日两题二叉搜索树中两个节点之和
• 每日三题杨辉三角

• timeline 加入 algolia crawler，支持搜索
• fix abnormal scroll by overflow: clip
• 额外学到 overflow-anchor: none
• 每日一题二叉树最底层最左边的值

🦅🦅🦅

日常普利策

• 增加删除和修改 timeline 功能
• scrollIntoView 一些使用上的问题

修复站点的一个 BUG，已修改状态，不能随便离开页面

深入了解了下 vertical-align 这个玩意

凛冬已至

emmmmm

啥时候能成面霸🫣

别离终有时，随州拜拜👋

用了前几年的表情包，感觉就像突然人也回到过去一样。

冤魂

Sleeping 😴

instagram 惨遭被封，日了狗

“其实每一个人，都有一辈子的时间去工作，你未来三四十年不用干别的事情了，就是工作。如果你现在还有时间选择停留，没有必要那么着急，下意识一定要让自己怎么样。”
--- 主动延毕的年轻人：给自己一个喘息的机会

不辜负每一段游戏人生

克卜勒

笔友交到元宇宙

BigInt 有啥用，就一个 int，小数都不能用。 10n/3n=3n

我卸下了超载的行李。 梦想折叠在床底。

emmmmm

露从今夜白

時間在風化 每段記憶
慢慢的重劃 每段秘密

好看的皮囊千篇一律，有趣的灵魂200多斤

A Bloom filter is a data structure designed to tell you, rapidly and memory-efficiently, whether an element is present in a set.

The price paid for this efficiency is that a Bloom filter is a probabilistic data structure: it tells us that the element either definitely is not in the set or may be in the set.

让子弹飞一会。

龙王管下雨还管卖伞。

水一百度会开，人一百度会死。

牛市在绝望中诞生，在怀疑中成长，在乐观中成熟，在兴奋中死亡。

I used to be an adventurer like you, then I took an arrow in the knee.

但是油门比刹车更灵敏。

每次调试 Github Action，彷佛就带上了痛苦面具。

后知后觉，存一张。

人类能从历史中学到的教训只有人类不会从历史中学到教训

所有的不幸都来源于攀比

oぃ猜вμ透的天気，вμzんι荷時能天綪 丅雨了 。 狠仧 狠仧 。

穿濄楒念。透洎己。jιànjιànzòǔjιn壹箇亽的天荒地鮱 他閅橷在梛頭。 燈紅揂緑丅瞇醉

峩姒沩。茺娸量。峩的笙活哆了壹箇亽而yι。 呲婡。哆的寔峩вμzんι菿的壹些東硒。 壓抑棏讓峩踹вμ濄気婡。 明明寔狠詪鉨的。却還寔忍вμ鉒缃念鉨。 вμ停的缃念。牽掛。 蹴算換婡的寔冷漠。 峩竾秖能ぜロ呲。ヤ

es muss sein

但照片最大的谎言就是定格，人们觉得美好是永恒的，至少不太会想时间之外的事情

When I was a child I ate a lot of food. Most of it is long gone and forgotten, but certainly some of it became my very bones and flesh.

冥冥之中，妙不可言。

你能在浪费时间上获取快乐，那就不是浪费时间啦。

safari 的 border-radius 有 BUG 看能不能优化吧。

• isolate 可以解决这个问题

又到了白色相簿的季节了。

2022

那么，古尔丹，代价是什么呢

写歌的人假正经，听歌的人最无情。

女神爱世人。
--- 主教伊格纳西奥

疼痛使人清醒！

凛冬将至😶‍🌫️

困在工具里的人。

孤星对月影自怜

狒狒

是我了。

喜茶，乐乐茶等 都是消费主义陷阱，以后不会再喝啦！

总是找不到宽透明胶的头在哪。 买设备
上顶配
不上顶配太遭罪
买前纠结不能睡
买完感觉不对味
过了七天没法退
一月下来心里悔
二手折价都是泪
折腾半天心太累

不要使用 函数名 当 react-query 的 key，真的蛋疼了。编译后的函数名变了！

block-size, inline-size, writing-mode.