Auction System Design

[Violation] 'setTimeout' handler took <N>ms

怎么解决这个东西？ [Violation] Forced reflow while executing JavaScript took 38ms 强制重绘，原因是你修改DOM的样式，立马又去读了一个Layout相关的属性，读取的话浏览器需要重新计算一遍布局，比如： const openModal = () => { element.style.display = 'block'; // WRITE const height = element.offsetHeight; // READ...

Modal里面状态切换的导致Flickering问题

如果在modal外面管理状态，在关闭弹窗的时候，因为需要清理状态，弹窗内容会flicking。 解决办法1：在modal的onCompleted或者onExitEnd之类的callback里清理状态。 解决办法2： ？？？比如我用的是react-aria-components这个库，没有提供这个方法。 可以使用https://developer.mozilla.org/en-US/docs/Web/API/Element/getAnimations#examples ...

使用zod时的注意：nullable vs optional

定义zod schema的时候，有时候定义为nullable时要注意：如果你是从一个可能为空的对象里取出一个字段来parse的时候，可能会出现问题： const schema = z.object({ a: z.string().nullable() }); const rawData = { nested: null }; const data = schema.parse({ a: rawData.nested?.a }); 会导致throw，程序无法继续下去。 解决办法：...

Remix loader and clientLoader behavior