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

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#碎碎念 #优质博文 #杂谈
姬说得真好,这个事在我不止一次在各种群里和推上看到的时候就很生气,一眼黄谣的东西也能被到处转,当时我还不知道为啥生气。当你先入为主的带有色眼镜去看就会发现,欸他说的可真对,这太对了,这对吗?

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

细想下这件事为何令我生气,还有部分原因是《铃芽之旅》这部动画确实令我喜爱,我在影院里看了三遍,从没觉得这片头场景有暧昧的意味,当我因此谣言重新翻看这段场景的时候,则看见诸多看乐子的人“赶来打卡”,顿时感觉自己也相当愚蠢了。
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
#碎碎念 打了个瞌睡做梦梦到开会,我这辈子完了(x)
#AI #prompt #提示词
试了试,好玩儿
https://fixupx.com/hellokaton/status/1895718975402823855

katon (hellokaton):今年开始学前端的人是什么感受?地狱开局🥲
在原贴基础上调整了一下提示词使用 tailwindcss 减少 token 消耗,加上分步处理(文件太大很容易失败)和设计优化,生成了一个社交APP试了下效果炸裂。

提示词我发这里了:
你是一位资深全栈工程师,参考 ui_ux_design 设计一个年轻会社交APP【我聊】,模拟产品经理提出需求和信息架构,请自己构思好功能需求和界面,然后设计 UI/UX。
仅支持暗色模式,要高级有质感(运用玻璃拟态等视觉效果),遵守设计规范,注重UI细节。
请引入 tailwindcss CDN 来完成,而不是编写 style 样式,图片使用 unslash,界面中不要有滚动条出现。
然后像上面那样给我所有页面的 html,写入到一个 sj.html 中(为每个页面创建简单的mockup边框预览,横向排列)。
由于页面较多,你每完成一部分就让我来确认,一直持续到结束。
#碎碎念 好想挣外快啊,好穷好穷好穷,挣钱好难啊😭 又是莫名其妙想挣钱挣不到的一天。

明白了,一定是花的太大手大脚了!

——以上均为在发呆时候的发电。

但是贤者时间想想就有一种“算了吧咱这个脸皮挣不了什么大钱过好快乐小家就行”的感觉。
#优质博文 #前端
https://fixupx.com/i5ting/status/1896460211969560953

驳已死论调•i5ting狼叔•知乎
https://www.zhihu.com/question/13453534732/answer/115166055109

AI 摘要:作者通过分析 Node.js 和前端技术的发展现状,结合 AI 对开发的影响,驳斥“前端已死”的论调,强调技术迭代中蕴藏的新机遇。

本文从技术发展现状、AI 对前端的影响、应对未来的学习路径三个维度展开论述:
1. 技术现状:Node.js 从 v8 到 v20 的核心升级(如 ESM、Worker Thread、WASM 等)表明技术仍在稳步迭代,npm 生态持续增长(340 万+包),但框架层已进入瓶颈期;
2. AI 的影响:AI 工具显著提升开发效率(如代码生成、经验复用),但存在实时性不足、依赖输入质量、缺乏创造性等局限,需结合结构化思维与知识体系应对;
3. 未来路径:通过 5 步实践(AI 入门、搜索、基础库学习、客户端探索、应用开发)掌握 AI Web 开发,强调前端应聚焦应用层而非基建,并展望基于 Agent 的交互变革。

作者主张“低端前端可被 AI 替代,但主观性强的复杂场景仍依赖开发者”,提出“善用 AI 提效+夯实知识体系”的双轨策略。


#AI #技术趋势 #开源
#折腾 #碎碎念 #插件 #浏览器插件 #开源

https://github.com/yusixian/moe-copy-ai

跟 cursor 合作拿 plasmo 搓了个自用的浏览器插件,因为暂时没找到符合我这个需求的类似 Chrome 插件(欢迎安利我),先发个最小的可用版本,后边慢慢整吧~大 logo 和小 logo 都是自己用figma画着玩过过手瘾的w

需求很简单,是我想在手机端 kiwi 浏览器访问的时候能够直接复制全文、标题、作者和网页元信息等,排除干扰,就类似 llms.txt 那样。

想加的功能还有:接 ai sdk(试试 xsai)、图片 OCR 出主要内容直接在这摘要、自定义抓取的选择器等(目前是默认定义了一系列)、长文本的ai优化(?不知道有没有能达到类似效果的)

第一次写插件,哪里不喜欢的话欢迎评论指出或者issue指出,不过咱精力有限~尽力改!

(另外我感觉权限申请什么的可以缩一缩,但是我对插件一点研究都没有都是现搓的后面看看吧,Chrome 插件商店有发,在审核了,时间估计很久,可以先直接拿 Release 的压缩包用)

免责声明:代码全是 ai 写的全新仅小改,仅对各大博客和文档站等测过,其实好像当个看网页元信息的工具插件也可以。

Chrome 商店 | Github
Back to Top