呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#前端 #css #优质博文
CSS 的设计自 1996 年诞生以来便充满了历史遗留问题和诸多妥协,正如 CSS-Tricks 的文章 所指出的那样,许多属性(如 z-index、background-repeat 等)的命名和行为显得反直觉,背后反映了当初为适应 90 年代需求而做出的选择,而 CSSWG Wiki 则详细罗列了这些设计失误,从属性命名到布局规则,都存在诸多可以改进之处,但由于大量网站依赖这些历史遗留的设计,变更它们会带来巨大的技术债务,使得这些“错误”成为了不可逆转的现实。
via Frontend Focus #678
CSS 的设计自 1996 年诞生以来便充满了历史遗留问题和诸多妥协,正如 CSS-Tricks 的文章 所指出的那样,许多属性(如 z-index、background-repeat 等)的命名和行为显得反直觉,背后反映了当初为适应 90 年代需求而做出的选择,而 CSSWG Wiki 则详细罗列了这些设计失误,从属性命名到布局规则,都存在诸多可以改进之处,但由于大量网站依赖这些历史遗留的设计,变更它们会带来巨大的技术债务,使得这些“错误”成为了不可逆转的现实。
via Frontend Focus #678
踩了个小坑, th > tr 标签sticky时设置 border 会失效,
border-collapse: separate;
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是像在标准的 HTML 中那样分开显示。
https://stackoverflow.com/questions/18679020/border-around-tr-element-doesnt-show
https://stackoverflow.com/questions/50361698/border-style-do-not-work-with-sticky-position-element
https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse
ps: 好像还是不大对,border 在表格中的行为表现太怪了,有些时候,等晚点腾出手了总结一下
pps: tmd,我先伪元素解君愁了。
#优质博文 #前端 #react
📄 使用React改进异步状态的用户体验 useOptimistic – useOptimistic 是乐观更新UI的hook。Ben Zuke
AI 摘要: React 19 的
Source React Status #416
📄 使用React改进异步状态的用户体验 useOptimistic – useOptimistic 是乐观更新UI的hook。Ben Zuke
AI 摘要: React 19 的
useOptimistic
Hook 旨在简化乐观更新(Optimistic Updates)的实现,从而提升用户体验(UX)。传统方法需要手动管理多个状态,包括跟踪请求状态、临时 UI 变化及实际服务器响应,导致冗余代码和复杂的状态管理。`useOptimistic` 通过提供一个声明式 API,使开发者能够轻松管理乐观状态,减少状态管理的心智负担。例如,在待办列表中,`useOptimistic` 允许 UI 立即更新,随后再发送请求到服务器,并在失败时回滚更改,从而提供更流畅的交互体验。Source React Status #416