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.