呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#碎碎念 #游戏 #无限暖暖
女鹅太可爱了ww下午请了一小会儿假,晚上直播无限暖暖!
喜欢这套喵!很个性!
想给女儿做网站!!
#碎碎念 #美食
今天在一家平平无奇的普通烧烤店吃的北海道吐司,居然很好吃,难道是这个甜甜的白色的酱蘸什么都好吃吗()他们的蜜汁小馒头和其他串串也超好吃hhh
#快讯
报—— cursor 官网登录服务又崩了,登不上去 404 了(也问不了问题)

https://forum.cursor.com/t/cursor-is-down-now/32224/2

正用着呢,给我退出登录然后崩了,我怀疑了网络和节点都没怀疑 cursor,笑死。
围观盖楼🤔这下不得不摸会儿鱼了,吃饭!

好,摸鱼完回来好了,很速度
#碎碎念
这就是深圳,我又开始开空调了😇
怕热体质是这样的
昨晚盖着厚被子心想怎么感觉这么热,一看温度怎么又上来了啊
#碎碎念 #坑 #前端 #移动端适配 #响应式
又是因为没有 iphone 踩坑的每一天,安卓移动端 chrome,我的设备上滚动的时候没意识到 ios 的 safari 滚动的时候可视区域是会变化的(讲真这个逻辑我看着挺别扭的,在一些滚动驱动的网站里),用 ipad 侧拉出来模拟了一下然后发现 md,心情美丽///
之前就因为类似的问题把 vh 换成 dvh,又因为 dvh 出了问题换成了lvh 🤔
有什么更好更优雅的办法吗(对于 gsap 滚动驱动的网站)

ps: 好像也不能说是因为 ios 踩坑,有这种行为的浏览器还挺有挺多的,下拉变化可视区域隐藏工具栏,比如小米的系统自带浏览器、firefox,我常用的 chrome 和 kiwi 没有
pps: 找了安卓和 ios 好几个浏览器对比,感觉还是 safari 的影响范围最大。

https://stackoverflow.com/questions/68094609/ios-15-safari-floating-address-bar

掉落邀请码:H8mjgx1Rkw
之后我要减少发邀请码的频率去 follow 打赏一些创造者了喵~要是实在想要的在频道评论区问我吧~
甜昏了😭羡慕死了,晚安喵
2024 年 12 月 3 日,在一起的第 523 天,一个平平无奇的周二,我求婚啦!!!

She said yes.
#碎碎念
好像以前我是个很讨厌英语的人,高中的英语小报都是抄同桌的从来不喜欢认真做,平常英语只能勉强 90 100 的,高考英语走运蒙对的120多,上大学后英语更是只过了4级,但是现在用沉浸式翻译 + 看日常的英语技术文章 + 各种 CS 场景是越来越不排斥英语了(甚至敢翻译技术文章了)很神奇吧,感觉还是一大部分还是我不喜欢应试教育的英语导致的,尤其讨厌完形填空和阅读,还是得狠狠的感谢沉浸式翻译~现在特别喜欢中英文对照着阅读,pdf 翻译也用过几次。
#优质博文 #前端 #css #新特性
CSS 现在终于支持高度 auto 过渡动画了

AI 摘要:在 Chrome 129 及以上版本中,CSS 引入了 calc-sizeinterpolate-size 属性,支持对 auto 高度的过渡动画。通过使用 calc-size(auto) ,可以使 height: auto 实现过渡效果,避免了之前无法过渡的限制。calc-size 还支持其他尺寸关键词,如 min-contentmax-content 等,甚至可以混合计算。为简化使用,interpolate-size: allow-keywords 属性允许全局支持关键词,如 auto ,免去局部修改的麻烦。此外,还可以利用 calc-sizeinterpolate-sizedetails 元素中实现展开折叠的过渡效果。此特性虽然兼容性较差,但为前端开发提供了更强的动画支持,可以渐进过渡

via 微信公众号 前端侦探
Million Lint 很顶诶,刚刚试了一下项目里用。p2 是文档里的演示
#性能优化 #react #工具推荐 #tools #前端
react-scan (https://github.com/aidenybai/react-scan)
Million Lint (https://million.dev/docs/performance)

是从这个批判推特的大量重渲染的推上看到的,笑死,打算给公司项目配上试试,看着挺好用的,Million Lint 还有 vscode 插件(cursor也适配)。

@aidenybai: why does liking a tweet re-render the entire screen?
(sound on 🔊)
来源
Back to Top