奇舞周刊第568期：初探：从0开始的AI-Agent开发踩坑实录-优快云博客

奇舞推荐

■ ■ ■

作者分享了开发 AI-Agent 的过程，包括定义 Agent 角色、AI 能力边界、行为范式、prompt 工程等，尝试了全自主决策、结构化工作流、多 Agent 协作等方案，总结了构建好的 Agent 的原则，如结构化上下文、单一职责、外部化状态管理等，并探讨了实践中遇到的痛点和解决方法。

凡人程序员进入修仙时代？意图即代码的范式革命即将到来

本文探讨了“意图即代码”的开发范式，提出开发者应从编码细节中解放出来，通过自然语言描述意图，由AI实现具体代码，介绍了其核心设计和三大支柱：意图编排、资源发现、意图约束，旨在让开发者回归思想创造者的角色。

大模型应用中，前端绕不开的 SSE

介绍了 Server-Sent Events（SSE）技术，适用于服务器到客户端的单向实时数据推送，与 WebSocket 对比，SSE 更简单易用，适合实时通知、日志显示等场景。文章通过代码示例展示了 SSE 的后端和前端实现方式，并探讨了如何解决 EventSource 的缺点，如使用 fetch 模拟 EventSource 来实现更灵活的请求。

技术实践

■ ■ ■

tailwindcss 究竟比 unocss 快多少？

文章对比了 tailwindcss@4 和 unocss 的性能，测试结果显示 tailwindcss 在 vite 模式下平均构建时间为 268ms，而 unocss 为 362ms，tailwindcss 更快。分析了性能差异原因，包括 tailwindcss 的技术升级和 unocss 的灵活性代价，并从生态和灵活性角度给出了选择建议。

前端必学-完美组件封装原则

总结了前端组件封装的多项原则，如基本属性绑定、注释使用、export 暴露、入参类型约束、class 和 style 定义、继承透传、事件配套、ref 绑定、自定义扩展性、受控与非受控模式、最小依赖、功能拆分、通用与业务组件区分、最大深度扩展性、多语言可配置化、异常捕获和提示、语义化等，旨在帮助开发者封装高质量组件。

拥抱新一代 Web 3D 引擎，Three.js 项目快速升级 Galacean 指南

介绍了 vivo 拟我形象项目从 Three.js 切换到 Galacean 的过程，对比了两者性能和功能差异，详细阐述了升级过程中的任务拆解、初始化、模型加载、素材替换、动画处理等关键步骤，以及遇到的问题和解决方案，为 Three.js 项目升级提供参考。

拓展边界

■ ■ ■

一文了解Web的可访问性

深入解析了 Web 可访问性的重要性、WCAG 标准的核心原则，以及前端开发中实现可访问性的具体技术，包括语义化 HTML、键盘导航、ARIA 属性、多媒体内容、表单设计、模态框等，强调了可访问性是开发者的责任，应贯穿开发全流程。

Kotlin Multiplatform 原理深入分析

深入分析了 Kotlin Multiplatform（KMP）的原理，包括其优势、限制、实现原理。介绍了 KMP 如何通过编译器将 Kotlin 代码编译成目标平台代码，实现跨平台运行，详细讲解了 Kotlin Native 编译器的工作流程、IR 转换、运行时机制、内存管理等关键部分，帮助开发者更好地理解和使用 KMP。

- END -

如果您关注前端+AI 相关领域可以扫码进群交流