呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
联系频道主:@cosine_yu
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
联系频道主:@cosine_yu
#Newsletter #前端 #周刊更新
周刊第 17 期! 这周给博客优化了一下 UI,代码块和列表、标题的样式都加上了,然后给博客主题换了个名字,正式一些。
现在的主题叫 astro-koharu,博客的正式地址也挪到了 blog.cosine.ren
下一步打算自己弄个评论系统,Remark42 感觉没动力用,想参考 Valine 自己弄一个,然后把旧的评论迁移过去。
FE Bits Vol.17|WebGPU 主流浏览器全支持,AntD 6 正式发布
周刊第 17 期! 这周给博客优化了一下 UI,代码块和列表、标题的样式都加上了,然后给博客主题换了个名字,正式一些。
现在的主题叫 astro-koharu,博客的正式地址也挪到了 blog.cosine.ren
“小春日和” (こはるびより)指的是晚秋到初冬这段时期,持续的一段似春天般温暖的晴天。也就是中文中的“小阳春”。
下一步打算自己弄个评论系统,Remark42 感觉没动力用,想参考 Valine 自己弄一个,然后把旧的评论迁移过去。
FE Bits Vol.17|WebGPU 主流浏览器全支持,AntD 6 正式发布
#Newsletter #前端 #周刊更新
周刊第 16 期! 这周给网站加上了无需后端的搜索和友链页面,好用的。
但是因为还没想好用什么域名比较好,所以还是预览版(要不叫 blog.cosine.ren 得了)
计划在没有后端的情况下把网站功能完善,然后再逐步加上有后端的功能,这样没后端的也好部署,就像以前用 hexo 的体验一样。
FE Bits Vol.16|Cloudflare 事故报告出炉,CSSWG 确认 Masonry 布局语法 grid-lanes
周刊第 16 期! 这周给网站加上了无需后端的搜索和友链页面,好用的。
但是因为还没想好用什么域名比较好,所以还是预览版(要不叫 blog.cosine.ren 得了)
计划在没有后端的情况下把网站功能完善,然后再逐步加上有后端的功能,这样没后端的也好部署,就像以前用 hexo 的体验一样。
FE Bits Vol.16|Cloudflare 事故报告出炉,CSSWG 确认 Masonry 布局语法 grid-lanes
#Newsletter #前端 #周刊更新
周刊第 13 期!多图警告~
九寨归来不看水
FE Bits Vol.13 |TypeScript 首次成为 GitHub 最常用语言、VoidZero A 轮融资 1250 万美元
周刊第 13 期!多图警告~
九寨归来不看水
FE Bits Vol.13 |TypeScript 首次成为 GitHub 最常用语言、VoidZero A 轮融资 1250 万美元
#Newsletter #前端 #周刊更新
周刊第 12 期!这周过的好快,下周就要去成都呆一周了,周五请假去九寨沟玩耍,浅浅期待一下。
FE Bits Vol.12|Next.js 16 发布、Docusaurus 3.9 AI 搜索、ChatGPT Atlas 发布
周刊第 12 期!这周过的好快,下周就要去成都呆一周了,周五请假去九寨沟玩耍,浅浅期待一下。
FE Bits Vol.12|Next.js 16 发布、Docusaurus 3.9 AI 搜索、ChatGPT Atlas 发布
#Newsletter #前端 #周刊更新
周刊第 10 期~搬家+各种事情导致还是忙得要死,感觉得到10月底才能安顿下来,还不好说,唉。于是网站再愉快的咕咕咕咕咕一阵子。
FE Bits Vol.10|React Compiler v1.0 发布、React 成立基金会,Vite 纪录片与 Vite+ 上线
周刊第 10 期~搬家+各种事情导致还是忙得要死,感觉得到10月底才能安顿下来,还不好说,唉。于是网站再愉快的咕咕咕咕咕一阵子。
FE Bits Vol.10|React Compiler v1.0 发布、React 成立基金会,Vite 纪录片与 Vite+ 上线
#Newsletter #前端 #周刊更新
周刊第 9 期~ 呜呜呜呜忙死了忙死了。
快到国庆假期了捏,周刊停更一期!
于是愉快的又立个 Flag 争取在十一假期里把专门的周刊网站整出来~
FE Bits Vol.9|Chrome DevTools 推出 MCP,Nuxt UI Pro 开源免费
周刊第 9 期~ 呜呜呜呜忙死了忙死了。
快到国庆假期了捏,周刊停更一期!
于是愉快的又立个 Flag 争取在十一假期里把专门的周刊网站整出来~
FE Bits Vol.9|Chrome DevTools 推出 MCP,Nuxt UI Pro 开源免费
#Newsletter #react #javascript #css #前端
React Status Issue 444: September 17, 2025
React Status Issue 444: September 17, 2025
AI 摘要:本期 React Status 报导了一个与 useEffect 使用不当导致 Cloudflare 仪表盘宕机的案例,提醒开发者谨慎处理副作用;同时探讨了控制 package.json 依赖膨胀的技巧;介绍了 AI 辅助的终端代码审查工具 CodeRabbit CLI;并整理了近期前端生态的更新,包括 React Canary 新特性、pnpm 安全机制、Expo 54 改进、TanStack 工具集更新,以及 JavaScript 社区内围绕 npm 供应链攻击、Safari 26.0 发布和 Bun 1.2.22 发布等动态。
#Newsletter #前端 #新动态 #周刊更新
周刊第 4 期,发现第 3 期忘记发频道了(目移
短短的,很安心(x)
FE Bits Vol.3|CSS attr() 类型化进化,PostCSS 复盘 12 年
FE Bits Vol.4|Next 15.5、RN 0.81、几个顺手工具
周刊第 4 期,发现第 3 期忘记发频道了(目移
短短的,很安心(x)
FE Bits Vol.3|CSS attr() 类型化进化,PostCSS 复盘 12 年
FE Bits Vol.4|Next 15.5、RN 0.81、几个顺手工具
#Newsletter #前端 #新动态 #周刊更新
周刊第 2 期,把上一期没放的一些素材放进去了~
另外,这次尝试了 SaveToNotion 的一套流程结合我的插件感觉更丝滑了,Notion 数据库确实是个好东西,平常看到的好东西也能加进去了。
FE Bits 前端周周谈 Vol.2|V8 提速 JSON.stringify 2x,Vite 周下载首超 Webpack
周刊第 2 期,把上一期没放的一些素材放进去了~
另外,这次尝试了 SaveToNotion 的一套流程结合我的插件感觉更丝滑了,Notion 数据库确实是个好东西,平常看到的好东西也能加进去了。
FE Bits 前端周周谈 Vol.2|V8 提速 JSON.stringify 2x,Vite 周下载首超 Webpack
#Newsletter #CSS #性能 #SPA
It's time for modern CSS to kill the SPA
author Jono Alderson
It's time for modern CSS to kill the SPA
AI 摘要:本文章批判了将 SPA(单页应用,Single Page Application)作为优先方案的潮流,指出随着现代 CSS 和浏览器(如 View Transitions API、Speculation Rules 等)的进步,实现流畅、原生的页面交互已不再需要复杂的 JS 框架和大量前端代码。作者呼吁开发者回归标准的 HTML + CSS + 浏览器原生能力,构建更快速、可维护、SEO 友好的网站,并强调 SPA 带来的复杂性、性能损耗、可访问性问题,以及与浏览器发展脱节的弊端。
1. “类应用”迷思与 SPA 的错误假设
• 许多项目由于“要像 app 一样流畅”的陈旧要求选择了 SPA 架构,而忽略了是否真的需要。
• 选择 SPA 并非出于真正的技术需求,而是为交互流畅度妥协了架构简洁性。
• 现在的假设已过时,SPA 不再是唯一可实现流畅体验的方法。
2. SPA 的“伪流畅”与性能危害
• SPA 的“无刷新感”常常是假象,实际表现为加载动画、滚动错乱、路由行为不一致等问题。
• 大量 JavaScript 的引入导致性能下降,SEO 变得复杂,体验反而变差。
• 现代 SPA 阈值带来的技术负担,不成比例的为“流畅度”买单。
3. 现代 Web 平台演进(CSS 与浏览器原生特性)
• 浏览器原生已支持声明式页面过渡(View Transitions API),无需 JS 也能实现淡入淡出动画等高级体验。
• 结合 Speculation Rules(预测性预加载),可实现点击即开的导航体验,无需 JS 路由。
• 原生 MPA(多页面应用,Multi-page Application)方案能够通过 CSS 动画实现元素过渡、状态保存、URL 正确性等。
• 示例代码简明说明如何用 CSS 实现页面转场与共享元素动画。
4. 浏览器赋能与简单架构的优势
• 现代浏览器提供诸如 Back/Forward Cache(前进后退缓存)等特性,只要结构易读、无 JS 路由劫持即可天然获得极佳体验。
• 浏览器愿意协助性能优化,但前提是开发者不要人为增加复杂度。
5. 性能现实对比:SPA vs 现代 MPA
• 真实 SPA(如 Next.js 等)JS 体积大,加载慢,SEO 和导航表现不稳定。
• MPA + View Transitions + Speculation Rules 几乎无需 JS,加载极快,自然支持 SEO 和历史管理。
• 原生方法不仅替代 SPA 行为,而且性能和可维护性更佳。
6. 反思:“网站不是 APP”
• 普通网站无需 SPA 的状态管理、复杂路由、大量组件或 hydration。
• 使用过度的 JS 反而增加了网站开发、运维成本和用户负担。
• 理性选择开发手段,应“用网站的方式造网站”,拥抱标准技术栈。
7. 展望与建议:用现代 web 技术构建网站
• 原生 declarative transition(声明式过渡)、预渲染、降级兼容性、易维护架构等已足以满足绝大多数场景。
• SPA 是旧时代局限下的策略,如今实属多余。
• 建议开发者用现代服务端渲染和单纯 HTML + CSS 构建主站,只在必要时合理由加 JS 增强。
author Jono Alderson
我做了!在大伙的撺掇下先做了周刊第 1 期发了再说!反正也是每周本来就有在做的,欢迎订阅看看反馈纠错~
FE Bits 前端周周谈 Vol.1|Hello World、TanStack DB 首个 Beta 版发布
PS:感觉 Quaily 确实挺棒的。等晚点公众号审核过了可以也同步 md 转公众号。
也欢迎用 Folo RSS 订阅
因为是第一期所以后面内容有点多,把上上周之类的事件也放进去了,下期就不会那么长了。
#Newsletter #React #前端 #JavaScript #新动态
⚛️ React Status #438 — July 30, 2025
author React Status 编辑团队
⚛️ React Status #438 — July 30, 2025
AI 摘要:本期 React Status 精选了 React 及其周边生态的最新动态,包括 TanStack DB 的首次 beta 发布、Reaper 死代码分析 SDK、新的 React Native 动画库 Reanimated 4 及多款工具库,还有 TypeScript、Parcel、Remix、Next.js 等重要更新。内容从核心库、开发工具到行业热点,全面展示了前端开发领域的创新趋势,尤其突出数据管理、性能优化、工程实践和 JavaScript 生态的多元演进。
1. 生态与社区动态
• TanStack DB 首个 beta 版发布,为 TanStack Query 带来高效增量更新与乐观写入能力,实现在本地侧存储场景的差分数据流 (differential dataflow)。
• The Useless useCallback:React 状态管理与性能相关实践讨论,分析 useCallback、useMemo 潜在问题,展望 React Compiler 与 useEffectEvent 等新工具的改善能力。
• TypeScript 5.9 RC 发布,带来 import defer 和 --module node20 等新特性。
• Stack Overflow 2025 调查显示 React 继续蝉联 “最受开发者渴望(most desired)” Web 技术头名,尽管 Svelte 更 “受人钦佩(admired)”
• Parcel 深入支持 React Server Components,并解析 "use client" 等指令的实际作用机制。
• React Native 下一个版本中引入预编译的 iOS 版本,RC3 阶段承诺将构建时间缩短 10 倍
2. 文章与深度实践
• 《Remix 3 和 React-中心架构的终结》 探索 React 未来架构趋势。
• 《Next.js 运行时密钥注入实战》 深入分析密钥管理在微服务和 SSR 场景下的重要性。
• 《将 JSX 改写为 Astro 的思考》 带来组件语法和工程结构的迁移经验。
3. 代码、工具与库
• React Native Reanimated 4 正式带来类 CSS 动画与过渡体验到 React Native,兼具复杂能力与高性能。
• Better Upload 支持各类 S3 兼容存储的极简文件上传,适配 Next.js、TanStack Start、Remix 和 Hono 等框架。
• Rooks.js 8.4 提供接近 100 个自定义 hooks,涵盖在线状态、窗口大小、语音合成、键盘输入等各类场景。
• 新发布与更新工具还有 React Three Viverse 教程、Tinybase 6.5、TanStack Form 1.15、IntentUI 3.3、Preact 10.27、BlockNote 0.35、React-three-fiber 9.3、Ink 6.1 等,覆盖数据存储、表单、组件库、Notion 风格编辑器、命令行应用等多样领域。
4. JavaScript 生态其他重点
• JavaScript 各类运行时和引擎历史盘点。
• es-toolkit 成为 Lodash 100% 兼容替代,已被 Storybook、Recharts 等主流项目采用。
• Zod 对决 Valibot 的 JS/TS 校验器评测视频。
• Hugging Face Transformers.js 让机器学习模型直接运行于浏览器,并支持多种音频与文本模型。
• Vercel 发布 Fluid compute 平台,该平台本质上提供 “无服务器服务器(serverless servers)”。
• Google OSS Rebuild 通过比对源码与上游,进一步保障开源生态(如 npm)安全。
author React Status 编辑团队
#Newsletter #Node #JavaScript #前端 #TypeScript #AI
📢 Node Weekly #588
author Node Weekly 编辑团队
📢 Node Weekly #588
AI 摘要:本期 Node Weekly(第588期,2025年7月29日)带来了 JavaScript 生态的最新动态,内容涵盖众多 JavaScript 运行时历程的重要综述、TypeScript 与 Node.js 技术升级、安全及工具更新,以及业界有趣开发实践。文章帮助开发者全面了解前后端生态进展,关注实用工具及 AI 集成,并强调代码安全与生产力提升。
1. 生态与社区动态
• The many, many, many JavaScript runtimes of the last decade 长文回顾了近十年间主要 JavaScript 运行时(Runtime)与引擎的发展,包括 Node.js、云平台专有运行时及多种不那么知名的方案,为开发者补全 JS 生态知识。
• TypeScript 5.9 RC 发布,新增 import defer 及 --module node20 等特性;Node.js 生态工具链持续跟进最新规范。
• Google 推出 OSS Rebuild 项目,目标通过包与上游工件比对增强 npm 等开源生态的安全性。
• npm 生态持续遭受攻击,is 包通过通过拼写钓鱼域名劫持进行钓鱼。
• HTML 2025 状况调查开启,旨在收集前端开发者对 HTML 发展状况的意见。
• 一名开发者声称讨论 tabs 与 spaces 的争论趋于结束,主流语言倾向使用 spaces。
• 用 Node.js 和 Postmark 构建的电子邮件控制的 Game Boy 模拟器
• es-toolkit 已成为 Lodash 的 100% 兼容替代方案,突出生态兼容性成果。
2. 技术专题与实践分享
• 介绍 Unix 域套接字(Unix Domain Sockets)在 Node.js 内部进程通信(IPC)中的优势,约可降低 50% 延迟,相较 TCP loopback 更高效。
• 采访 Bun 作者,解析 Bun 作为 Node.js 生态“替代品”的兼容性挑战与工程实践。
• 文章详述如何构建暴露数据资源给大语言模型(LLM)的 Node.js MCP 服务器。
• 探讨 TypeScript 多仓库(multi-repo)间的类型安全问题及解决方法
• 分析 JavaScript 逻辑赋值操作符的语法进步及实际开发中带来的便利。
3. 代码与工具
• AudioTee.js:为 Node.js 捕捉 macOS 系统音频输出,并以 PCM 格式定期输出。
• Transformers.js 3.7:在浏览器与 Node.js 侧支持 ONNX 预训练模型推理,v3.7 增加了 Voxtral(语音转录及音频理解)、LFM2 和 ModernBERT 支持。
• match-sorter 8.1:为数组筛选和排序提供确定性算法,便于开发者实现可预期的最优匹配排序。
• 其他值得关注的工具/库更新:Inquirer 12.9(终端交互式输入)、Node File Trace 0.30(依赖追踪)、MongoDB Node.js Driver 6.18、node-rate-limiter-flexible 7.2、Ghost 6.0 RC、@google-cloud/bigtable 6.2、Axios 1.11、TIFF 7.1、ESLint v9.32.0 等等。
author Node Weekly 编辑团队