Now vibe coding, so learning hammer FE ?
#Node Node.js 通过发布 Amaro v1.0.0 迈向稳定的 TypeScript 支持,这一进展有望将 TypeScript 从“实验性”提升为“稳定”功能,为开发者带来更可靠、无需额外工具的开发体验,尽管仍面临生态兼容性和 LTS 版本支持的挑战。
https://socket.dev/blog/node-js-moves-toward-stable-typescript-support-with-amaro-1-0
https://socket.dev/blog/node-js-moves-toward-stable-typescript-support-with-amaro-1-0
#CSS 文章通过简单示例和可视化,详细介绍了SVG
https://www.smashingmagazine.com/2025/06/decoding-svg-path-element-line-commands/
<path> 元素的直线命令(如M、L、H、V和Z),帮助读者理解其语法和用法,从而实现技术绘图和数据可视化的功能。https://www.smashingmagazine.com/2025/06/decoding-svg-path-element-line-commands/
#UX 为初学者提供了关于ARIA(Accessible Rich Internet Applications)的全面指南,旨在帮助开发者更好地理解和使用ARIA来提升网页的无障碍性。
https://www.smashingmagazine.com/2025/06/what-i-wish-someone-told-me-aria/
https://www.smashingmagazine.com/2025/06/what-i-wish-someone-told-me-aria/
重要提醒:警惕 Node.js 已停止维护的版本 —— Matteo Collina 指出,Node.js 生态正处于一个“关键时刻”,v18 及更早版本已经进入 End-of-Life 阶段。他详细解释了这对还在用老版本的用户意味着什么,并建议大家直接跳过 Active LTS v20,直接升级到 v22,这样更有利于未来的兼容和安全。
#CSS CSS 动画中部分关键帧(Partial Keyframes)的使用技巧和优势。
https://www.joshwcomeau.com/animation/partial-keyframes/
https://www.joshwcomeau.com/animation/partial-keyframes/
vite 7 beta 发布!
Vite 7.0.0-beta.0 聚焦于底层升级(如 Node 版本、打包器切换)、插件能力增强、配置项稳定化与现代化构建目标,带来更强的扩展性和更高的开发效率。对于插件作者、工具链开发者尤为重要,建议关注 API 变化与依赖环境升级。
https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#700-beta0-2025-06-02
Vite 7.0.0-beta.0 聚焦于底层升级(如 Node 版本、打包器切换)、插件能力增强、配置项稳定化与现代化构建目标,带来更强的扩展性和更高的开发效率。对于插件作者、工具链开发者尤为重要,建议关注 API 变化与依赖环境升级。
https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#700-beta0-2025-06-02
#文章 #CSS 通过使用OKLCH颜色空间来改善颜色管理。文章首先介绍了Tailwind的优势,包括小体积、高性能和内置代码分割等。接着,文章解释了动态主题的概念及其重要性,强调了个性化对用户参与度和满意度的积极影响。
https://evilmartians.com/chronicles/better-dynamic-themes-in-tailwind-with-oklch-color-magic
https://evilmartians.com/chronicles/better-dynamic-themes-in-tailwind-with-oklch-color-magic
#文章 #CSS OKLCH是一种新的色彩模型,解决了传统色彩模型(如RGB和HSL)在色彩表达上的局限性,提供了更一致、连贯、可访问且感知上均匀的色彩体验。文章详细介绍了OKLCH在CSS中的应用,以及一系列工具,如OKLCH色彩选择器、Harmonizer、apcach和Polychrom等,这些工具帮助设计师和开发者更好地使用OKLCH模型,实现更高效、更直观的色彩设计和开发。
https://evilmartians.com/chronicles/exploring-the-oklch-ecosystem-and-its-tools
https://evilmartians.com/chronicles/exploring-the-oklch-ecosystem-and-its-tools
#React #文章 Epic React 的博客文章,对于useSyncExternalStore的完整概述和用法
https://www.epicreact.dev/use-sync-external-store-demystified-for-practical-react-development-w5ac0
https://www.epicreact.dev/use-sync-external-store-demystified-for-practical-react-development-w5ac0
#React #文章 本文探讨了如何将搜索参数作为路由状态的一部分进行管理,强调了 TanStack Router 通过在路由层定义搜索参数模式,实现了类型安全、可验证且响应式的搜索参数处理,解决了传统方法中搜索参数管理的碎片化和不一致性问题。
https://tanstack.com/blog/search-params-are-state
https://tanstack.com/blog/search-params-are-state
#AI #3D #文章 #React 结合React Three Fiber、Three.js和Rapier,创建一个基于物理的第三人称角色控制器。
https://tympanus.net/codrops/2025/05/28/building-a-physics-based-character-controller-with-the-help-of-ai/
https://tympanus.net/codrops/2025/05/28/building-a-physics-based-character-controller-with-the-help-of-ai/