三個月前,我提交了一個我認為非常合理的拉取請求。我建立了一個新的`UserRole`枚舉來處理我們的權限系統。簡潔、型別安全、符合 TypeScript 規範。 資深工程師的評審結果只有一個: **“請不要使用枚舉。”** 我當時很困惑。枚舉在 TypeScript 手冊裡,每門課都會講到。主...
在現代軟體開發中,Docker 和 Kubernetes 經常被同時提及,但它們解決的問題卻截然不同。 Docker 可以輕鬆地**將應用程式打包到容器中**。 Kubernetes 則負責將這些容器**在多台伺服器上大規模執行,確保可靠性和自動化**。 雖然我[之前關於 Docker 和 Ku...
# 當 AI 走進前端開發:代理插件的全流程開發實踐 ## 1 背景 AI 技術的飛速發展,正在深刻改變前端開發的方式。以 **Cursor**、**Trae** 等新一代 AI IDE,正逐步成為工程師的“第二大腦”。它們通過強大的代碼補全、上下文理解、自動重構、文件生成等能力,讓開發者能夠以更...
這是關於資料工程的文章,如果你在 Google 上搜尋該主題,並在點擊 **Feeling Lucky** 後進入將會找到這篇文章。 > 此外,這篇文章是由一位經驗豐富的網頁開發工程師撰寫,他在職業生涯中開始了新的主題,也就是:這是我的學習,我的研究,如果你有任何補充,請隨時在下面留言告訴我!...
簡介 == 大家好!最近我一直專注於**後端開發**,終於決定是時候深入學習 Node.js 了。我一直拖延這個時間,現在**終於到了❗** 老實說,我以前在考慮後端概念時感到有點害怕 - 例如**建立伺服器**、**使用資料庫**...😳和一般基礎設施。我不知道 Node.js 為我...
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...
![thumbnails.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F810513%2Fbf09b7e6-00bb-4...
每週二晚上《CodeLove Talk》直播! 聊聊科技新聞,一起討論軟體開發相關的話題!