# 前言 生成式 AI 和 AI 擴展工具在過去幾年中迅速進化。藉助提示來進行程式碼生成、自動化測試、評審摘要和文檔補完等「過去由人類完成但可以由 AI 協助的任務」確實在不斷增加。 本文的目的不僅僅是介紹工具和功能,而是透過「可以立即使用的 AI 速查表」和「可實踐的自訂腳本範例」,傳...
如果你正在做**官網開發**,還在辛苦的手動實現那些動畫特效,那今天推薦的這個庫,至少讓你提前`4小時`開始摸魚! 以前,面對設計師的那些炫酷動畫,實現起來是最耗頭髮的;產品經理還時不時的說一下,這效果不好看,我要的是五彩斑斕的黑! 還抱著 Element UI + Animate.cs...
最近Code Review的時候,我看到我們組一個很聰明的年輕同事,用觀察者模式,寫了一個極其複雜的全球狀態訂閱系統,就為了在一個元件裡,響應另一個不相關的元件的點擊事件。 比較常見的場景:點擊 Button 元件,讓 Panel 元件打印日誌或顯示提示,具體偽代碼👇: ```js /...
## 前言 大家好,我是奈德麗。 過去一年,我主要參與**國際機票業務**的開發工作,因此每天都要和多語言(i18n)打交道。熟悉我的朋友都知道,我這個人比較「惜力」(並不是,實際上只是忍不下去了),對於**重複笨拙的工作非常抵觸**,於是,我開始思考如何優化團隊的多語言管理模式。 ...
## 背景介紹 曾經,我遭遇了一個荒謬的Bug。那是一個看似平凡的字段,由我和同事共同維護著,如同兩個陌生人在同一片土地上耕作。最終,我們發現這個字段背叛了現實,它所記錄的與真實情況南轅北轍。 生產環境是沉默的,它從不打印SQL語句,就像西西弗斯推石的山坡,永遠不會告訴你石頭為何滾落。我...
## 為啥就換Shadcn了 因為Shadcn太火了,不少大大小小的火出圈的AI項目,就是基於Shadcn搭建的,比如[assistant-ui](https://link.juejin.cn?target=https%3A%2F%2Fwww.assistant-ui.com),為了與時俱進,...
### 前言 好消息,就在今天,尤雨溪宣布即將發布 Vite 8 Beta 版本了! #### 往期精彩推薦 - [字節也在用的 @tanstack/react-query 到底有多好用!🔥🔥🔥](https://juejin.cn/post/7541048117497954342) -...
在前端圈,單元測試幾乎是一個非常頭疼的話題。履歷上不寫熟悉單元測試,都不好意思跟人打招呼了。CI/CD流程裡,要是沒有一個 `test` 的階段,就好像這個專案不夠專業。而那綠色的“`Coverage: 95%`”,也常常被當作專案質量的黃金標準,成為許多團隊KPI的一部分。 但在我帶團隊的這...
> **TL;DR** > 從實際代碼自動提取「規範(AGENTS.md)」(**編碼**),再從該規範生成代碼(**解碼**),並通過差異和測試進行評估——將這一**往返(Round-Trip)**整合進CI中,可以持續最小化需求與實作之間的差距。實務上結合如Spec Kit等的需求驅動**...
Java 25 於 2025/9/16 正式發佈。 [Java 25 / JDK 25: 一般可用性](https://mail.openjdk.org/pipermail/jdk-dev/2025-September/010483.html) [Oracle 發佈 Java 25](h...
這是一個很有趣的問題,**很多人覺得有了 AI 之後是不需要學習,因為 AI 可以幫助他解決大部分問題**,但是如果你已經使用過一段時間 AI,或者說你正在使用 vibe coding,那麼你的實際體驗會告訴你,你需要學習,甚至比之前了解更多。 > 實際上有了 AI 之後,在某些方面我們確實不...
## 前言 生成AI(ChatGPT、Claude、GitHub Copilot等)寫程式碼的機會激增,開發速度劇烈提升,但「**可運行的程式碼**」和「**安全的程式碼**」是兩回事。特別是在生產環境中,需要考量性能、安全性和可維護性。 我們精選了AI容易寫出來(或寫出來後令人厭惡的)...
在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...
## 前言 生成 AI(大型語言模型)用於應用程式開發時,RAG(檢索增強生成)已成為不可或缺的技術。在將獨特數據整合到 ChatGPT 或 Claude 等大型語言模型時,許多開發者可能會考慮將 RAG 作為選項。 支撐 RAG 的核心技術之一是向量相似度檢索。然而,對於「餘弦相似度是...
 > - [🔥 這才是 Vue 驅動的 Chrome 外掛工程化正確打開方式](https://juejin.c...
> **實戰推薦:** > - [⚡ 一個 Vue 自訂指令搞定絲滑拖曳列表,告別複雜元件封裝](https://juejin.cn/post/7511332054941188147) > - [🔥 這才是 Vue 驅動的 Chrome 擴充功能工程化正確打開方式](https://juejin...
## 前言 Vue 3 的原始碼由多個模組構成,除了我們常用的核心功能外,還包含了響應式、工具函數等多個獨立模組。為了模擬 Vue 官方的開發環境,管理這些分散的模組,我們會採用 Monorepo 架構來進行專案管理,並且使用 pnpm workspace。 強烈建議大家一定要跟著動手編...
今日,Flutter 官方正式發布了它們關於 AI 大模型的 package 項目:[genui](https://link.juejin.cn?target=https%3A%2F%2Fgithub.com%2Fflutter%2Fgenui),它是一個非常有趣和前沿的探索類型的項目,它的目標是*...
每週二晚上《CodeLove Talk》直播! 開放觀眾 Call-in,一起討論軟體開發相關的話題!