呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
又是因为没有 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 打赏一些创造者了喵~要是实在想要的在频道评论区问我吧~
#碎碎念
好像以前我是个很讨厌英语的人,高中的英语小报都是抄同桌的从来不喜欢认真做,平常英语只能勉强 90 100 的,高考英语走运蒙对的120多,上大学后英语更是只过了4级,但是现在用沉浸式翻译 + 看日常的英语技术文章 + 各种 CS 场景是越来越不排斥英语了(甚至敢翻译技术文章了)很神奇吧,感觉还是一大部分还是我不喜欢应试教育的英语导致的,尤其讨厌完形填空和阅读,还是得狠狠的感谢沉浸式翻译~现在特别喜欢中英文对照着阅读,pdf 翻译也用过几次。
好像以前我是个很讨厌英语的人,高中的英语小报都是抄同桌的从来不喜欢认真做,平常英语只能勉强 90 100 的,高考英语走运蒙对的120多,上大学后英语更是只过了4级,但是现在用沉浸式翻译 + 看日常的英语技术文章 + 各种 CS 场景是越来越不排斥英语了(甚至敢翻译技术文章了)很神奇吧,感觉还是一大部分还是我不喜欢应试教育的英语导致的,尤其讨厌完形填空和阅读,还是得狠狠的感谢沉浸式翻译~现在特别喜欢中英文对照着阅读,pdf 翻译也用过几次。
#优质博文 #前端 #css #新特性
CSS 现在终于支持高度 auto 过渡动画了
AI 摘要:在 Chrome 129 及以上版本中,CSS 引入了
via 微信公众号 前端侦探
CSS 现在终于支持高度 auto 过渡动画了
AI 摘要:在 Chrome 129 及以上版本中,CSS 引入了
calc-size
和 interpolate-size
属性,支持对 auto
高度的过渡动画。通过使用 calc-size(auto)
,可以使 height: auto
实现过渡效果,避免了之前无法过渡的限制。calc-size
还支持其他尺寸关键词,如 min-content
、max-content
等,甚至可以混合计算。为简化使用,interpolate-size: allow-keywords
属性允许全局支持关键词,如 auto
,免去局部修改的麻烦。此外,还可以利用 calc-size
或 interpolate-size
在 details
元素中实现展开折叠的过渡效果。此特性虽然兼容性较差,但为前端开发提供了更强的动画支持,可以渐进过渡via 微信公众号 前端侦探
#碎碎念
谢谢你,重写侠——
好了我已经忘掉推子的结局了,动画工房可不可以照着这个拍。
万字大纲重写【我推的孩子】结局!看完真的不脆弱啦!
@那谁22:
动漫杂谈 - 耗时半个多月的超级大活!
〰〰〰〰〰〰〰〰〰〰
🔝> @那谁22:
大伙别光顾着看呀,点个关注呀[大哭],为啥评论都说想看后续都不点关注,这是什么放置play吗[疑惑]
可怜可怜小up吧,为了关注我什么都会做的[星星眼]
谢谢你,重写侠——
好了我已经忘掉推子的结局了,动画工房可不可以照着这个拍。
万字大纲重写【我推的孩子】结局!看完真的不脆弱啦!
@那谁22:
动漫杂谈 - 耗时半个多月的超级大活!
〰〰〰〰〰〰〰〰〰〰
🔝> @那谁22:
大伙别光顾着看呀,点个关注呀[大哭],为啥评论都说想看后续都不点关注,这是什么放置play吗[疑惑]
可怜可怜小up吧,为了关注我什么都会做的[星星眼]
#视频更新 #流麻 #手工
流麻复健!昨天晚上做的今天发~这次用的是慢速油,就真的很慢
【芙宁娜流麻】我太爱 Log 模式拍流麻了,好美。
@余弦Cocos:
手工 - 流麻区 up 堂堂更新!
是很久没做流麻的我,复健做的第一个流麻!
总算把家里阳台腾出来做流麻了,接下来要填坑了!
图源 喵咕君 https://www.pixiv.net/artworks/111648230
流麻复健!昨天晚上做的今天发~这次用的是慢速油,就真的很慢
【芙宁娜流麻】我太爱 Log 模式拍流麻了,好美。
@余弦Cocos:
手工 - 流麻区 up 堂堂更新!
是很久没做流麻的我,复健做的第一个流麻!
总算把家里阳台腾出来做流麻了,接下来要填坑了!
图源 喵咕君 https://www.pixiv.net/artworks/111648230
#性能优化 #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 🔊)
来源
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 🔊)
来源
#碎碎念 #追番
开头就有那味了!太重了太重了
丢一个 follow 邀请码,没人拿诶N3diOl8Ekp
【2025年1月】颂乐人偶 正式PV【中文字幕】
@夏日幻听MCE:
资讯 - 官方
颂乐人偶 正式PV
〰〰〰〰〰〰〰〰〰〰
🔝> @每晚六七点神游天外:
我要看的就是这个口牙[Mygo表情包_为什么!][Mygo表情包_大哭][Mygo表情包_大哭][Mygo表情包_大哭]
开头就有那味了!太重了太重了
丢一个 follow 邀请码,没人拿诶
【2025年1月】颂乐人偶 正式PV【中文字幕】
@夏日幻听MCE:
资讯 - 官方
颂乐人偶 正式PV
〰〰〰〰〰〰〰〰〰〰
🔝> @每晚六七点神游天外:
我要看的就是这个口牙[Mygo表情包_为什么!][Mygo表情包_大哭][Mygo表情包_大哭][Mygo表情包_大哭]