呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
#碎碎念 #follow
好耶，才发现出 ios app 了，换了个名 Folo，可以跟 PWA 版说再见了！
https://apps.apple.com/us/app/folo-follow-everything/id6739802604?platform=iphone
https://fixupx.com/follow_app_/status/1902897302509133832
好耶，才发现出 ios app 了，换了个名 Folo，可以跟 PWA 版说再见了！
https://apps.apple.com/us/app/folo-follow-everything/id6739802604?platform=iphone
https://fixupx.com/follow_app_/status/1902897302509133832
我恨 Safari（咬牙切齿）
当你在用svg + foreignObject + transform 和 svg 里各种定位的时候会在 Safari 上收获一坨 bug！！！还贼 tm 难调，日常安卓上和设备仿真上都是正常的 Safari 异常
我发现 iOS Safari 中有关 foreignObject 的一个奇怪的错误。当我为 opacity 中的 HTML 内容设置 CSS 样式（在我的例子中是一个按钮）时，它会在 SVG 上绝对定位。但是当我移除 opacity 后，它就按照预期定位了。调试这个问题花了我几个小时。
尝试将您的 foreignObjects 包裹在 group 元素中。我发现使用变换样式 foreignObjects 在 Safari 中效果不佳。
Sing with me Safari is the new IE！
啊！！！破问题害我挠头了一下午。
https://stackoverflow.com/questions/51313873/svg-foreignobject-not-working-properly-on-safari
看着像是 09 年就发现了的问题，现在也没修。
https://bugs.webkit.org/show_bug.cgi?id=23113
#音乐
好我被治愈了！最速治愈！
【Neuro歌回】Dear Moments （《亚托莉》ED）
@Neuro21烤肉组:
翻唱 - *亚托莉，但是牛肉唱的*
b站官方 @Vedal和Neuro-sama
直播Twitch地址:
www.twitch.tv/vedal987
Youtube:
www.youtube.com/@Neurosama
官方交流群：
https://discord.gg/neurosama（英语）
本期成员: 剪辑、字幕、封面、翻译-@于之鱼Fessy
视频素材来自2025.03.20的歌回直播，已被授权，同时无需询问，授权二创。
好我被治愈了！最速治愈！
【Neuro歌回】Dear Moments （《亚托莉》ED）
@Neuro21烤肉组:
翻唱 - *亚托莉，但是牛肉唱的*
b站官方 @Vedal和Neuro-sama
直播Twitch地址:
www.twitch.tv/vedal987
Youtube:
www.youtube.com/@Neurosama
官方交流群：
https://discord.gg/neurosama（英语）
本期成员: 剪辑、字幕、封面、翻译-@于之鱼Fessy
视频素材来自2025.03.20的歌回直播，已被授权，同时无需询问，授权二创。
#优质博文 #前端 #react
React Trends in 2024
https://www.robinwieruch.de/react-trends-2024/
via Robin Wieruch
React Trends in 2024
https://www.robinwieruch.de/react-trends-2024/
AI 摘要：探讨 2024 年 React 生态的三大趋势：Astro 框架集成、新一代身份验证方案和 tRPC 全栈类型安全实践。
via Robin Wieruch
www.robinwieruch.de
React Trends in 2024
React Trends in 2024 which should be on your watchlist. A walkthrough of the state of React ...
#优质博文 #前端
SSR Deep Dive for React Developers
#react #SSR
via Nadia Makarevich
SSR Deep Dive for React Developers
AI 摘要：本文通过案例项目逐步解析 React 中 SSR、预渲染、水合和 SSG 的实现原理、性能成本及优缺点，并探讨无 JavaScript 环境对 SEO 和社交预览的影响。
#react #SSR
via Nadia Makarevich
Developerway
SSR Deep Dive for React Developers
Explore step-by-step how Server-Side Rendering (SSR), pre-rendering, hydration, and Static Site Generation (SSG) work in React, their costs, performance impact, benefits, and trade-offs.
#rust #开源 #tools
记得上一次看到类似的是 lint-md
mark 一下回头试试！
https://github.com/huacnlee/autocorrect
AutoCorrect 是一个基于 Rust 编写的工具，用于「自动纠正」或「检查并建议」文案，给 CJK（中文、日语、韩语）与英文混写的场景，补充正确的空格，纠正单词，同时尝试以安全的方式自动纠正标点符号等等。
记得上一次看到类似的是 lint-md
mark 一下回头试试！
https://github.com/huacnlee/autocorrect
AutoCorrect 是一个基于 Rust 编写的工具，用于「自动纠正」或「检查并建议」文案，给 CJK（中文、日语、韩语）与英文混写的场景，补充正确的空格，纠正单词，同时尝试以安全的方式自动纠正标点符号等等。
GitHub
GitHub - huacnlee/autocorrect: A linter and formatter to help you to improve copywriting, correct spaces, words, and punctuations…
A linter and formatter to help you to improve copywriting, correct spaces, words, and punctuations between CJK (Chinese, Japanese, Korean). - huacnlee/autocorrect
#碎碎念 #音乐 工作一天听到这么好听的歌是我的福气，山山好！反乌托邦好！
【星尘/诗岸/remix】反乌托邦 /氢气有希remix
@Utopia_乌托邦P:
VOCALOID·UTAU - 原版 BV1CVPoeNEq4
非常好remix @氢气有希p (百忙之中做的已经很厉害了)
〰〰〰〰〰〰〰〰〰〰
🔝> @氢气有希p:
感谢大家来听我低技术力的remix呜呜🥺
一开始就在想，如果有一个安静点的版本会怎样呢？
乌托邦的曲子真的真的很棒，我被歌词拯救了无数的瞬间。很好的曲子，爱来自乌托邦
【星尘/诗岸/remix】反乌托邦 /氢气有希remix
@Utopia_乌托邦P:
VOCALOID·UTAU - 原版 BV1CVPoeNEq4
非常好remix @氢气有希p (百忙之中做的已经很厉害了)
〰〰〰〰〰〰〰〰〰〰
🔝> @氢气有希p:
感谢大家来听我低技术力的remix呜呜🥺
一开始就在想，如果有一个安静点的版本会怎样呢？
乌托邦的曲子真的真的很棒，我被歌词拯救了无数的瞬间。很好的曲子，爱来自乌托邦
#碎碎念 #优质博文
感觉这就是为什么我喜欢碎碎念和发朋友圈空间 ´_>` 一方面是我妈咪也爱发，喜欢留下回忆，一方面自己以后回头看的时候也会会心一笑，时常感慨我家庭环境还是太棒了，能安安心心的长大真是太好了太幸运了。
人生体验与记忆股息
https://fixupx.com/laike9m_/status/1901456223272423537
感觉这就是为什么我喜欢碎碎念和发朋友圈空间 ´_>` 一方面是我妈咪也爱发，喜欢留下回忆，一方面自己以后回头看的时候也会会心一笑，时常感慨我家庭环境还是太棒了，能安安心心的长大真是太好了太幸运了。
人生体验与记忆股息
https://fixupx.com/laike9m_/status/1901456223272423537
#优质博文 #前端
Why we ditched Next.js and never looked back
Conclusion
- 反对技术宗教化，提倡根据业务需求选择架构
- 指出 SSR 本质是技术决策而非框架依赖
- 预告后续将开源路由和渲染工具
#SSR #react #nextjs #性能优化
via Will Stewart, Tom Snelling
Why we ditched Next.js and never looked back
AI 摘要：Northflank 团队因 Next.js 的性能和开发体验问题放弃该框架，改用自建 React SSR 方案后实现 4-6 倍性能提升。
本文由云平台服务商 Northflank 团队撰写，分享了他们从 Next.js 迁移到自研 React SSR 方案的全过程。文章首先阐述了团队对性能、可靠性和开发体验的严苛要求，指出 Next.js 在营销站点和实时应用场景中的表现均未达预期。通过对比测试数据（如首屏渲染时间从 2.1s 缩短至 0.5s），团队验证了自研方案在性能上的显著优势。文中批评 Next.js 存在框架定位摇摆、缓存机制低效、编译过程复杂等问题，并揭露了其 Server Actions 功能隐藏的运维成本。最后，团队建议开发者根据实际需求选择技术栈，强调 SSR 并非必须依赖框架实现。
Conclusion
- 反对技术宗教化，提倡根据业务需求选择架构
- 指出 SSR 本质是技术决策而非框架依赖
- 预告后续将开源路由和渲染工具
#SSR #react #nextjs #性能优化
via Will Stewart, Tom Snelling
Northflank — Deploy any project in seconds, in our cloud or yours.
Why we ditched Next.js and never looked back | Blog — Northflank
When we started running into issues with Next.js, we did what any sane team would do: we tried to fix them. Then we tried again. Then we realized the problem was Next.js itself. So we pulled the plug.
#优质博文
我的第一个出海产品，是怎样冷启动赚到第一个 100 美元的？
#独立开发 #出海经验 #冷启动 #AI #course
via VikingZ
我的第一个出海产品，是怎样冷启动赚到第一个 100 美元的？
AI 摘要：作者记录其海外产品 TailwindResume 从零冷启动两周内获取 50 用户、实现 $110 收入的全流程经验。
本文详细记录了独立开发者 VikingZ 开发英文简历工具 TailwindResume 并实现冷启动的全过程。作者基于国内已验证的简历产品模型，耗时三个月完成国际化改造（包括支付、服务器、文档等全链路重构），通过精准的社区运营策略（利用 AI 生成本地化文案 + LaunchPointZero 社区列表）两周内获得 50 用户，其中 10% 转化为付费用户。文章包含具体数据拆解（订阅模式占比分析）、出海动机思考（验证中国开发者出海可行性）、技术实现难点（多服务迁移适配）以及 AI 工具（Cursor + Claude）在文案创作中的关键作用，最后提出对长期运营的思考与读者互动。
#独立开发 #出海经验 #冷启动 #AI #course
via VikingZ
vikingz.me
我的第一个出海产品，是怎样冷启动赚到第一个 100 美元的？ | Viking
距离简单简历发布已经过了两年半，现在它已经有 20000 用户，所以我认为它已经是一个模式完全被验证的产品了，所以我创建了 TailwindResume 这个产品，通过冷启动的方式在两周内收获 50 个用户，赚到了 100 美元，不是特别惊人，所以非常真实，是每个想出海的独立开发者都可以完全复制的经验。
