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

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
cosine - 前端人の日常频道
Photo
#碎碎念
补充信息:单马尾初音的由来,可以看看这个噢(为什么这个点还没睡因为失眠了)
https://mp.weixin.qq.com/s/AXO_cLuL6IjxCRvugRsjxA
#手办 #碎碎念
眼熟么,眼熟就对了,那个世界名画单马尾初音同款(x)
#优质博文
AI 流程平台对比——Dify、Fastgpt、Ragflow

AI 摘要:对比 Dify、FastGPT 和 RAGFlow 三个 AI 流程平台的功能与特点。

本文对 Dify、FastGPT 和 RAGFlow 三个基于 Web UI 的 AI 流程平台进行了详细对比,涵盖了团队管理、模型管理、第三方工具、知识库、应用管理、开源协议和部署难度等多个维度。通过对这些平台的功能、优缺点和适用场景的分析,帮助读者选择最适合自己需求的 AI 流程平台。文章最后总结了各平台在不同维度的表现,指出 Dify 在应用管理和扩展性方面的优势。

#AI #agent

via 关木 AI 流程平台对比——Dify、Fastgpt、Ragflow
#优质博文 #前端
适合初学者的一篇指南。

2025 React + TypeScript 实战指南!
https://mp.weixin.qq.com/s/3hW5HokQINsO_w15pMYPpg

AI 摘要:本文总结在 React 中使用 TypeScript 的常见场景,涵盖组件类型定义、Hooks 类型化、事件处理及异步请求类型安全实践。

本文系统梳理了 React 与 TypeScript 协同开发的核心技术点。首先对比函数组件的两种类型定义方式( React.FC vs 直接定义 Props),分析其灵活性与适用场景;其次解析类组件中泛型、ComponentPureComponent 的类型定义逻辑,并探讨动态 Props 的泛型解决方案。针对 Hooks,文章详细说明 useStateuseRefuseMemo 等常用 Hook 的类型化实践,包括空值处理和对象类型断言等细节。此外,还覆盖事件对象类型定义、元素属性扩展、错误边界实现及异步请求(Fetch/Axios)的类型安全方案,最终形成完整的 React + TypeScript 开发指南。
#react #typescript #course

via 微信公众号 前端充电宝
#碎碎念 #优质博文 #杂谈
姬说得真好,这个事在我不止一次在各种群里和推上看到的时候就很生气,一眼黄谣的东西也能被到处转,当时我还不知道为啥生气。当你先入为主的带有色眼镜去看就会发现,欸他说的可真对,这太对了,这对吗?

天杀的流量生意,搞抽象,蹭热点,玩爆款!都知道伊藤耕一郎不是第一顺位制作人,川村元气才是,写报道还要提新海诚的几部作品,无非是这些作品更有名呗。普通媒体这么写了有流量,自媒体博主下料比你们还猛!直接就罔顾真假了!还假惺惺加一句“理性看待”,理性看待就不该加这个聊天记录,去查查相关资料也知道这聊天记录是真是假了。

细想下这件事为何令我生气,还有部分原因是《铃芽之旅》这部动画确实令我喜爱,我在影院里看了三遍,从没觉得这片头场景有暧昧的意味,当我因此谣言重新翻看这段场景的时候,则看见诸多看乐子的人“赶来打卡”,顿时感觉自己也相当愚蠢了。
b站有一些将正常手游台词加以剪辑,就变成DIY场景的视频,拜托了,任何一部正常的作品,也都经不起戴有色眼镜的审视。


这件事有点让我生气 - 微信公众号 - 手谈姬
https://mp.weixin.qq.com/s/Bt6_lZV64RIZHj_NA3lFJQ

并且,但凡有点观影经验,都不会相信“配音是娇喘声录音”这样的鬼话,丝毫也不专业,你当后期流程不存在呢。
我甚至会觉得,实际很多人并不相信这一谣言,只不过是这谣言更耸人听闻,更“有乐子”,有素材,所以这么讲、传播更广。
而从道德上追究,这群家伙还能给自己开脱,QQ聊天记录里的人会说,自己就是在群里口嗨啊,没想到流传这么广啊。那些吃瓜博主也会说,自己不专业啊,看到很多人这么讲,自己也就这么讲咯。还是那句话:互联网的乌烟瘴气就是这么形成的。
#猫
一团毛绒球天天趴身上
#优质博文 #前端
View Transitions Applied: Dealing with the Snapshot Containing Block
https://www.bram.us/2025/03/04/view-transitions-snapshot-containing-block/

AI 摘要:探讨视图转换伪元素坐标空间差异导致的布局跳跃问题及解决方法。

本文深入分析了在视图转换(View Transitions)中使用 ::view-transition-group(*) 伪元素时,因坐标系差异(视口 vs 快照包含块)导致的布局跳跃问题。作者通过代码示例说明如何通过 getBoundingClientRect 获取元素的旧/新位置,并利用这些坐标优化动画关键帧。然而,在移动端场景中,由于视口(Layout Viewport)与快照包含块(Snapshot Containing Block)的坐标系原点不同(如地址栏影响),直接使用视口坐标会导致动画跳跃。文章提出需通过坐标系转换方法解决这一问题,并附移动端示例验证解决方案的有效性。


#视图转换 #css #性能优化 #移动端适配 View Transitions Applied: Dealing with the Snapshot Containing Block
Back to Top