TL;DR ----- 在本指南中,您將學習如何使用 A2A 協定、AG-UI 協定和 CopilotKit 在來自不同 AI 代理框架的 AI 代理程式之間建立全端代理程式到代理程式 (A2A) 通訊。 在我們開始之前,我們將介紹以下內容: - 什麼是 A2A 協議? -...
大家好,我是風骨, `React` 技術棧發展到現在,已經出現了非常多且優秀的狀態庫,比如從早期的 `Redux` 和 `Mobx`,到現在擁抱 Hooks 版本的 [Zustand](https://link.juejin.cn?target=https%3A%2F%2Fgithub.com...
最近在重構編輯器 demo 的時候,我重新梳理了**事件層**的實現。在節點層 → 渲染層之後,本篇重點切換到**互動事件系統**,也就是 Canvas 如何處理複雜互動,如何設計一個類似 Figma 的獨立事件架構。 --- ## 🧑💻 寫在開頭 點讚 + 收藏 = 支持原創 ...
我平常從事後端工程師的工作,經常在專案中使用 Terraform 和 ecspresso,然而這兩者的角色分配乍看之下似乎不太明確。本文將透過建立使用 Terraform 和 ecspresso 的範例專案來說明它們的生命週期差異。 ### 讀完本文你將了解 - Terraform 和 ec...
> 這是一篇關於個人學習 AI 的筆記與程式碼摘錄。希望從前端的視角出發,快速了解大型語言模型(LLM)、提示詞工程、LangChain、RAG 等相關術語知識,最終能夠搭建一個 “玩具智能體” 或者真正應用到生產中去。 --- ### 目錄 📑 - LLM 基礎:深入 AI 的心...
# 前言 生成式 AI 和 AI 擴展工具在過去幾年中迅速進化。藉助提示來進行程式碼生成、自動化測試、評審摘要和文檔補完等「過去由人類完成但可以由 AI 協助的任務」確實在不斷增加。 本文的目的不僅僅是介紹工具和功能,而是透過「可以立即使用的 AI 速查表」和「可實踐的自訂腳本範例」,傳...
最近Code Review的時候,我看到我們組一個很聰明的年輕同事,用觀察者模式,寫了一個極其複雜的全球狀態訂閱系統,就為了在一個元件裡,響應另一個不相關的元件的點擊事件。 比較常見的場景:點擊 Button 元件,讓 Panel 元件打印日誌或顯示提示,具體偽代碼👇: ```js /...
## 為啥就換Shadcn了 因為Shadcn太火了,不少大大小小的火出圈的AI項目,就是基於Shadcn搭建的,比如[assistant-ui](https://link.juejin.cn?target=https%3A%2F%2Fwww.assistant-ui.com),為了與時俱進,...
在前端圈,單元測試幾乎是一個非常頭疼的話題。履歷上不寫熟悉單元測試,都不好意思跟人打招呼了。CI/CD流程裡,要是沒有一個 `test` 的階段,就好像這個專案不夠專業。而那綠色的“`Coverage: 95%`”,也常常被當作專案質量的黃金標準,成為許多團隊KPI的一部分。 但在我帶團隊的這...
> **TL;DR** > 從實際代碼自動提取「規範(AGENTS.md)」(**編碼**),再從該規範生成代碼(**解碼**),並通過差異和測試進行評估——將這一**往返(Round-Trip)**整合進CI中,可以持續最小化需求與實作之間的差距。實務上結合如Spec Kit等的需求驅動**...
## 前言 生成AI(ChatGPT、Claude、GitHub Copilot等)寫程式碼的機會激增,開發速度劇烈提升,但「**可運行的程式碼**」和「**安全的程式碼**」是兩回事。特別是在生產環境中,需要考量性能、安全性和可維護性。 我們精選了AI容易寫出來(或寫出來後令人厭惡的)...
## 前言 今天我們來聊聊一個很有趣的話題:為什麼我不建議在 Docker 中運行 MySQL 數據庫? 有些小夥伴在工作中可能為了部署方便,習慣將所有組件都容器化,但數據庫真的適合放在容器裡嗎? 今天就專門跟大家一起聊聊這個話題,希望對你會有所幫助。 [最近準備面試的小夥伴...
在2025年的今天,我想說一句可能會被很多同行噴的話🤯: **我個人認為,以`styled-components`和`Emotion`為代表的、在運行時注入樣式的CSS-in-JS技術,從長遠來看,是一項失敗的技術。** 我知道,這個觀點很暴論。 在它最火的那幾年(大概2018-2...
大家好,我是[雙越](https://juejin.cn/user/1714893868765373)。前百度 滴滴 資深前端工程師,慕課網金牌講師,PMP。我的代表作有: - [wangEditor](https://link.juejin.cn?target=https%3A%2F%2Fw...
 > - [🔥 這才是 Vue 驅動的 Chrome 外掛工程化正確打開方式](https://juejin.c...
## 前言 Vue 3 的原始碼由多個模組構成,除了我們常用的核心功能外,還包含了響應式、工具函數等多個獨立模組。為了模擬 Vue 官方的開發環境,管理這些分散的模組,我們會採用 Monorepo 架構來進行專案管理,並且使用 pnpm workspace。 強烈建議大家一定要跟著動手編...
自 React 誕生以來,它一直堅持一個核心理念:**UI = f(state)**。這個公式簡單直接,卻徹底改變了前端開發的方式,也帶動了整個生態的成長。回頭看 React 的發展,大致可以分成兩個階段: - **Class 组件**:偏向面向物件,生命周期方法多,寫起來比較笨重。 - *...
## 單點登入(SSO)在多端應用中的設計與實現 在現代 Web 應用架構中,用戶往往需要同時使用多個關聯的業務系統(如電商平台的商品頁、購物車、支付中心)。單點登入(SSO)技術透過「一次登入,多系統通行」的特性,徹底解決了用戶在多系統間重複登入的痛點。本文基於簡單的實際專案案例,詳細介紹 ...
*在前端與 Node.js 開發中,包管理器是連接專案與海量開源依賴的核心工具。從最早的 npm 到後來的 yarn,再到如今備受青睞的 pnpm,每一次迭代都圍繞著 “效率、空間、一致性” 三大痛點展開。本文將先回顧 npm 的局限,再深入解析 pnpm 如何透過 **硬連結與符號連結** 突破這...
每週二晚上《CodeLove Talk》直播! 聊聊科技新聞,一起討論軟體開發相關的話題!