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

图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
#碎碎念 #草
点外卖的时候看到店家盲盒
内心os：？
点开 - 你管这叫盲盒？
呵，有趣的店家，成功吸引了我的注意（
碎碎念 草
#优质视频 #科普
这个简介笑死我了
幼师级科普，笔记本电脑接口入门
@笔吧评测室:
数码 - 我们尝试用更通俗、更简单的方式，向你介绍笔记本电脑的接口
如果你觉得有一丁点用，那我们就很满意了
如果你觉得过于简单幼稚了，可以出门左拐骂我们的科普小号“极客湾”
Bilibili
幼师级科普，笔记本电脑接口入门_哔哩哔哩_bilibili
我们尝试用更通俗、更简单的方式，向你介绍笔记本电脑的接口如果你觉得有一丁点用，那我们就很满意了如果你觉得过于简单幼稚了，可以出门左拐骂我们的科普小号“极客湾”, 视频播放量 409288、弹幕量 2477、点赞数 32065、投硬币枚数 10730、收藏人数 11884、转发人数 1133, 视频作者 笔吧评测室, 作者简介 交流买本心得，帮助电脑小白。我们是笔记本电脑爱好者，欢迎关注我们的微信公众号：bibacps，相关视频：【笔吧科普】老电脑变慢了？教你怎么升级笔记本电脑！，你还小，千万不要碰这些东…
优质视频 科普
#优质博文 #前端 #react #性能优化 #tools
React 性能调优必备工具

AI 摘要：本文总结了优化 React 应用性能的常用工具，包括官方的 React DevTools（分析组件渲染时间与原因）、Why Did You Render（WDYR 记录重渲染原因）、React Scan（可视化组件更新信息）、Million Lint（检测多次渲染）以及 ESLint 静态检查规则，建议在开发过程中结合使用这些工具链，快速定位并解决性能问题，提高应用效率与流畅度。

via whitewater
Water Space
React 性能调优必备工具 - Water Space
优质博文 前端 react 性能优化 tools
cosine - 前端人の日常频道
Photo
后续：联系售后维修光速上门取走了😇等等看结果吧

其实如果不出这问题我对这打印机的便利性还是挺满意的
今天是诗岸生日，转发至五个群，山山会跳出次元缝到你身边，我试了，是假的，还会被骂五维批，但是今天真的是诗岸生日，祝可爱的山山生日快乐！
#碎碎念
没蚌住，刚到的米家照片打印机1s，吞了两张纸进去然后卡死了。。关键！！他把色带！！干报废了！！！这到底应不应该寄修（恼火）

看到吃了两张纸的瞬间我是蒙的。

但是道理我都懂卡纸为什么会导致色带整个断掉，这合理吗，耗材价格高我还可以为了便利性接受一下但你这一次都没打过就坏掉了不合适吧。

本来想着今天打了就可以做米塔流麻了这下又没戏了
碎碎念
#碎碎念 #音乐
▖▙▚ 泛 泛 人 類 不 會 祈 禱 ▚▜▝
什么 8-bit 曲风好棒啊wwww
Bilibili
▖▙▚ 泛 泛 人 類 不 會 祈 禱 ▚▜▝_哔哩哔哩_bilibili
原作链接 BV1h14y1C7V5原唱（？） 诗岸原视频制作人员________====________作曲 一碗热汤作词 一碗热汤编曲 一碗热汤混音 一碗热汤调校 一碗热汤人设 小黄sy曲绘 血奈儿PV 一击即溃, 视频播放量 1116、弹幕量 1、点赞数 226、投硬币枚数 90、收藏人数 153、转发人数 21, 视频作者 -4mper5and_, 作者简介 安珀区知名up主，相关视频：突然发现海伊的声音很像……，【诗岸原创】泛泛人类不会祈祷，Warma：我的手机怎么飞起来了？，春嵐嵐嵐嵐嵐嵐嵐嵐'~*…
碎碎念 音乐
cosine - 前端人の日常频道
#碎碎念 世纪难题（bushi） 要怎么办呢，要不还是把动画扬了 好吧其实也好解决，就是有点儿好笑存一下
#碎碎念 #折腾
简单点儿是可以这样子解决啦......有什么更聪明的办法么😭
这个东西属于是你不注意到就没关系，注意到了就一直抓挠你（恼）
再碎碎念一下：话又说回来，感觉很多时候美观和内容性只能取其一呢，很纠结，又想还原原汁原味的shoka主题又有时候会想要进行一些内容密度的改动，决定还是先还原一版功能再加自己的想法吧（不过像这种标签页UI就随意了，可能会有些割裂了
碎碎念 折腾
#碎碎念
世纪难题（bushi）
要怎么办呢，要不还是把动画扬了
好吧其实也好解决，就是有点儿好笑存一下
碎碎念
cosine - 前端人の日常频道
Photo
#碎碎念 #折腾
最终版tag（呜呜）
先这样吧 zzZ
todo 是弄不完的

https://space.cosine.ren/tags

还有好多移动端适配和导航栏适配和正文目录和小组件和评论，要死了喵
碎碎念 折腾
#碎碎念
让 composer 拼尽全力生成的标签样式，从p2的超级花到 p1 的好像还行，挺有意思的诶
完了怎么感觉 gpt 审美比我好，没救了
碎碎念
#工具推荐 #tools #代码截图 #开源

Chalk.ist 是一个开源的网页应用，用于创建高亮代码的精美图片。该项目支持多种编程语言的代码语法高亮，并提供多样化的样式自定义功能。用户可以通过简单的 UI 操作设置背景颜色、字体、间距等，还支持导出高质量的图片以便分享或展示代码片段。
- 允许用户设置代码样式参数，支持实时预览。
- 支持生成 PNG 或 SVG 格式的图片，适合不同使用场景。

https://github.com/Idered/chalk.ist

via 第116期 - 偷懒爱好者周刊 25/01/15
工具推荐 tools 代码截图 开源
#优质博文 #前端 #theme #dark #css
Implementing light-dark()

AI 摘要：作者用新的 light-dark() 函数替换了暗模式。通过简单的语法，我可以在 :root 上设置颜色方案，并在需要时轻松切换颜色。这个方法利用了 CSS 的级联特性，使得所有相关组件能够重新渲染。唯一的限制是 light-dark() 只接受颜色值，而不支持线性渐变。需要将 light-dark() 的结果放入线性渐变中，这使得语法的可读性降低，但可以通过命名良好的自定义属性来解决。

via Trys Mudford's Blog

也是很早的时候看到过。
Reference: 使用 light-dark() 的 CSS 配色方案相关颜色 - web.dev
Trysmudford
Implementing light-dark() | Trys Mudford
Implementing light-dark() | Trys Mudford | Frontend developer
优质博文 前端 theme dark css
#优质博文 #前端 #DOM #javascript #新特性
Move elements around the DOM while preserving their state with moveBefore

AI 摘要：Chrome 133 中的新方法 Node.prototype.moveBefore （于 2 月 4 日稳定），用于在 DOM 中移动元素的同时保留其状态。传统的 DOM 操作（如 appendChild 或 insertBefore）可能会导致组件重新挂载，从而丢失其内部状态。而通过 moveBefore(child, referenceNode) ，元素可以高效地重新排序，适用于需要频繁更新 DOM 且需保留组件状态的场景，如 React 和 Vue 开发。这种方法提升了性能并优化了用户体验。

via Bram.us
优质博文 前端 DOM javascript 新特性
Before
After
Back to Top