# 什麼時候用ref,什麼時候用reactive?  官方文件及尤雨溪提到過,ref 一把梭,不建議用 reactive。我說的話不可信,尤雨溪的話百分百可信,用,用,用ref 一把梭。 ### `r...
# 引言 在 SQL 中,常常需要從多個表格中獲取數據。 此時,使用聯接是常見的做法,但在成本上會如何呢? 為了確認這一點,我們將撰寫一個返回相同結果的**聯接查詢**和**子查詢**,並比較它們的執行計畫。 如果您不知道如何查看執行計畫,可以參考「[在 PostgreSQL 中...
最近Code Review的時候,我看到我們組一個很聰明的年輕同事,用觀察者模式,寫了一個極其複雜的全球狀態訂閱系統,就為了在一個元件裡,響應另一個不相關的元件的點擊事件。 比較常見的場景:點擊 Button 元件,讓 Panel 元件打印日誌或顯示提示,具體偽代碼👇: ```js /...
## 前言 大家好,我是奈德麗。 過去一年,我主要參與**國際機票業務**的開發工作,因此每天都要和多語言(i18n)打交道。熟悉我的朋友都知道,我這個人比較「惜力」(並不是,實際上只是忍不下去了),對於**重複笨拙的工作非常抵觸**,於是,我開始思考如何優化團隊的多語言管理模式。 ...
## 前回的故事 曾經寫過一篇名為「用HTML和CSS來畫出真實的眼球。」的文章。 在那時,我灌注了當時所知的所有CSS技巧, 我認為我做出了令人滿意的眼球效果。 然而,自從這篇文章以來,已經過去了六年。 在這段期間,網頁相關技術的創新日新月異, CSS相比以前更...
我們都曾在拉取請求中見過這種情況。開發人員遇到了棘手的資料類型問題,為了讓事情正常運轉,他們使用了最簡單的工具: `any` 。它完成了工作,並讓編譯器沉默,但卻帶來了隱性成本。 我們的團隊設置了一個 Husky 預先提交鉤子來標記`any` ,這是一個很好的開始。但我們都知道,在緊急情況下,...
在前端圈,單元測試幾乎是一個非常頭疼的話題。履歷上不寫熟悉單元測試,都不好意思跟人打招呼了。CI/CD流程裡,要是沒有一個 `test` 的階段,就好像這個專案不夠專業。而那綠色的“`Coverage: 95%`”,也常常被當作專案質量的黃金標準,成為許多團隊KPI的一部分。 但在我帶團隊的這...
> **TL;DR** > 從實際代碼自動提取「規範(AGENTS.md)」(**編碼**),再從該規範生成代碼(**解碼**),並通過差異和測試進行評估——將這一**往返(Round-Trip)**整合進CI中,可以持續最小化需求與實作之間的差距。實務上結合如Spec Kit等的需求驅動**...
這是一個很有趣的問題,**很多人覺得有了 AI 之後是不需要學習,因為 AI 可以幫助他解決大部分問題**,但是如果你已經使用過一段時間 AI,或者說你正在使用 vibe coding,那麼你的實際體驗會告訴你,你需要學習,甚至比之前了解更多。 > 實際上有了 AI 之後,在某些方面我們確實不...
## 前言 生成AI(ChatGPT、Claude、GitHub Copilot等)寫程式碼的機會激增,開發速度劇烈提升,但「**可運行的程式碼**」和「**安全的程式碼**」是兩回事。特別是在生產環境中,需要考量性能、安全性和可維護性。 我們精選了AI容易寫出來(或寫出來後令人厭惡的)...
大家好,我是[雙越](https://juejin.cn/user/1714893868765373)。前百度 滴滴 資深前端工程師,慕課網金牌講師,PMP。我的代表作有: - [wangEditor](https://link.juejin.cn?target=https%3A%2F%2Fw...
## 前言 生成 AI(大型語言模型)用於應用程式開發時,RAG(檢索增強生成)已成為不可或缺的技術。在將獨特數據整合到 ChatGPT 或 Claude 等大型語言模型時,許多開發者可能會考慮將 RAG 作為選項。 支撐 RAG 的核心技術之一是向量相似度檢索。然而,對於「餘弦相似度是...
*這是[Google AI Studio 多模態挑戰賽](https://dev.to/challenges/google-ai-studio-2025-09-03)的參賽作品* DreamNest.ai 背後的願景—人工智慧家居設計師和市場 ------------------------...
**Laravel**是建立 Web 應用程式最常用的 PHP 框架之一。它擁有優雅的語法、豐富的生態系統以及佇列、作業、事件和調度程序等內建功能,使其成為想要建立可擴展業務平台的開發者的最佳選擇。 但隨著應用程式的成長,開發人員常常發現自己需要編寫無窮無盡的整合程式碼。作業堆積如山,佇列變得...
> **實戰推薦:** > - [⚡ 一個 Vue 自訂指令搞定絲滑拖曳列表,告別複雜元件封裝](https://juejin.cn/post/7511332054941188147) > - [🔥 這才是 Vue 驅動的 Chrome 外掛工程化正確打開方式](https://juejin.c...
## 前言 Vue 3 的原始碼由多個模組構成,除了我們常用的核心功能外,還包含了響應式、工具函數等多個獨立模組。為了模擬 Vue 官方的開發環境,管理這些分散的模組,我們會採用 Monorepo 架構來進行專案管理,並且使用 pnpm workspace。 強烈建議大家一定要跟著動手編...
今日,Flutter 官方正式發布了它們關於 AI 大模型的 package 項目:[genui](https://link.juejin.cn?target=https%3A%2F%2Fgithub.com%2Fflutter%2Fgenui),它是一個非常有趣和前沿的探索類型的項目,它的目標是*...
在之前的 [《註解模式下的 Riverpod 有什麼特別之處》](https://juejin.cn/post/7479474972849143844) 我們聊過 Riverpod 2.x 的設計和使用原理,同時當時我們就聊到作者已經在開始探索 3.0 的重構方式,而現在隨著 Riverpod 3....
# 前言 大家在想要從某個 Lambda 函數調用其他 Lambda 函數時會怎麼做呢?本文將介紹反模式及其解決方案。 # 結論 - 通常在 Lambda 函數內調用其他 Lambda 函數(invoke)被視為反模式。 - 若要從 Lambda 調用其他 Lambda 函數,建議利用「...
# 前言 雖然儘量避免,但偶爾還是需要管理大量的 Excel 或 Excel VBA 的情況,您是否有過這樣的經驗呢? 如果是 App Script,還有幾種管理的方法可供選擇。 不過,對於 Excel 和 Excel VBA,似乎沒有太多的管理方式,最終常常會找到雲端上的某個硬碟...
每週二晚上《CodeLove Talk》直播! 聊聊科技新聞,一起討論軟體開發相關的話題!