2025 第 37 周
-
“Please clean up the code you worked on, remove any bloat you added, and document it very clearly.” Ref
- Web#可配置 chrome 内置 pdf viewer 样式 - Code
- CSS#
border-radius: 1e5px;Ref - CSS#scrollbar ps: tailwind css v4 已够用
- CSS#
- Ref - CSS#finally a css only solution to on touchscreens - pointer
- CSS#scoped view transition - contain: layout - Self-Participating Scopes - Smooth transitions with the View Transition API - View Transitions Snippets: Keeping the page interactive while a View Transition is running
- CSS#Using CSS containment
- CSS#contain - layout[独立布局算法-影响fixed]/style/paint[类似 overflow-hidden]/size(isolation - 不依赖 children size)/[inline-size]/none - content[=layout/paint/style]/strict[=layout/paint/style/size]
- CSS#contain-intrinsic-size auto: 按内容自适应 - intrinsic
example:
contain-intrinsic-size: auto 300px auto 4rem;- 设置 300px / 4rem 默认 size, 避免布局闪烁 example:contain-intrinsic-size: 16/9;- 设置宽高比，保持元素在加载时具有正确的纵横比 - CSS#Stacking context - Using z-index
- CSS#Block formatting context
- CSS#Inline formatting context
- CSS#Layout and the containing block
- CSS#Introduction to formatting contexts
- CSS#css-ui
- tailwind#divide-*
- tailwind#ring-*, tailwind4outline-*
- DOM#ToggleEvent
- theme#css bed
- SVG#-path
- 字体#Inter
- App#OBS Studio - Ref
- App#ruby
- App#reader
- 知梦星辰 - Ref
- npm#ebook to mindmap
- npm#jimp - The JavaScript Image Manipulation Program
- npm#Nano-banana在各个任务场景下生成的令人惊艳的图片和提示词 - nano banana
- npm#npm Author Qix Compromised via Phishing Email in Major Supply Chain Attack
- SQL#Use Singular Nouns for Database Table Names
- 工具#json editor online
- 组件#Building a drawer component - vaul - radix/dialog
- posthog
- 依赖倒置原则/面向接口编程就是让高层逻辑依赖抽象，而不是绑死在具体实现上。科普 - Ref
-
如何管理状态、如何分解组件、如何优化渲染效率、如何实现可维护的代码结构、如何保障用户体验的一致性 Ref
-
训练最重要的就是选择适合自己的强度来进行训练。
- 好久没团建啦~
- 肮脏