# 女朋友炸了:剛打開的網頁怎麼又沒了?我反手甩出一鍵恢復按鈕! 女朋友經常手滑關掉標籤頁這事兒頭大了? 跟女朋友說用 `Ctrl/Cmd+Shift+T`,她皺眉:“鍵盤上哪有這個鍵!!!” 讓她翻歷史紀錄,她搖頭:“根本找不到,全是我今天打開的!” 最後指向左上角的“最近關閉”,她...
# Vue3 登入頁還能這麼絲滑?這個 hover 效果太驚艷了 ### 前言 大家好,我是大華!在現代 Web 開發中,使用者體驗越來越重要。一個簡潔、美觀又富有動效的登入頁,不僅能提升品牌形象,還能增強使用者的第一印象。這篇文章,我們將用 **Vue3 + CSS3 動畫**,來實現一個**懸...
我目前正在開發一款對話式人工智慧 Web 應用。我完全從零開始建造它,遵循結構化的 SDLC 方法。 目前,我正處於第 3 階段:前端交互,我正在致力於動態呈現聊天訊息。 最初,我採用了一種常見的方法:使用`insertAdjacentHTML()`將使用者和 AI 訊息氣泡直接加入到 DOM...
[Oracle AI Database 26ai](https://www.oracle.com/news/announcement/ai-world-database-26ai-powers-the-ai-for-data-revolution-2025-10-14/) 已經推出。 Orac...
自從 2022 年 AI 程式設計開始流行以來,我一直對它持懷疑態度。後來,我改變了主意:我不再手動編寫大部分程式碼,而是讓 AI 產生 90% 的程式碼。說實話,我喜歡這種速度。 2023 年,我使用 ChatGPT 產生了大約 40% 的程式碼。這種體驗令人沮喪。我花在向 ChatGPT ...
最近在重構編輯器 demo 的時候,我重新梳理了**事件層**的實現。在節點層 → 渲染層之後,本篇重點切換到**互動事件系統**,也就是 Canvas 如何處理複雜互動,如何設計一個類似 Figma 的獨立事件架構。 --- ## 🧑💻 寫在開頭 點讚 + 收藏 = 支持原創 ...
這篇文章是人工撰寫的。 這是一份為活動準備的操作手冊,閱讀本文後,任何人都可以在大約一小時內進行嘗試! 使用 Claude Code 等 AI 代理人「的人」數量顯著增加。 如今,使用 AI 已經是每個人的常態。 我們更應該邁出一步,學習「製作」AI 代理人,這樣會更加有趣🙌...
我平常從事後端工程師的工作,經常在專案中使用 Terraform 和 ecspresso,然而這兩者的角色分配乍看之下似乎不太明確。本文將透過建立使用 Terraform 和 ecspresso 的範例專案來說明它們的生命週期差異。 ### 讀完本文你將了解 - Terraform 和 ec...
先日,我參加了 Zenn 的「第3回 AI Agent Hackathon with Google Cloud」,使用 Flutter 在三週內成功部署了一個應用程式「Vegitage」。 今天,我不打算談這個應用程式本身。 我想談談在這個開發過程中,我親身體驗的「**編程行為的根本變化...
## 前回的故事 曾經寫過一篇名為「用HTML和CSS來畫出真實的眼球。」的文章。 在那時,我灌注了當時所知的所有CSS技巧, 我認為我做出了令人滿意的眼球效果。 然而,自從這篇文章以來,已經過去了六年。 在這段期間,網頁相關技術的創新日新月異, CSS相比以前更...
## 前言 今天我們來聊聊一個很有趣的話題:為什麼我不建議在 Docker 中運行 MySQL 數據庫? 有些小夥伴在工作中可能為了部署方便,習慣將所有組件都容器化,但數據庫真的適合放在容器裡嗎? 今天就專門跟大家一起聊聊這個話題,希望對你會有所幫助。 [最近準備面試的小夥伴...
在之前的 [《註解模式下的 Riverpod 有什麼特別之處》](https://juejin.cn/post/7479474972849143844) 我們聊過 Riverpod 2.x 的設計和使用原理,同時當時我們就聊到作者已經在開始探索 3.0 的重構方式,而現在隨著 Riverpod 3....
**摘要:** 地圖技術作為數位世界的基石,其應用早已超越了傳統的導航和位置服務。對於開發者而言,如何將強大的地圖能力整合到不同形態的應用中,是一個充滿挑戰與機遇的課題。本文將詳細闡述一個獨特的實踐案例:如何利用Python的PyQt5框架,結合高德開放平台強大的JavaScript API ...
## K8s Pod CrashLoopBackOff:從映像建構到探針配置的排查過程 🌟 嗨,我是摘星! 🌈 在彩虹般絢爛的技術棧中,我是那個永不停歇的色彩收集者。 🦋 每一個優化都是我培育的花朵,每一個特性都是我放飛的蝴蝶。 🔬 每一次代碼審查都是我的顯微鏡觀察,每一次重構都...
> 在 Flex佈局的日常使用中,flex:1 和 flex:auto 是兩個高頻出現的簡寫屬性。很多開發者可能會憑直覺混用,比如想讓元素 “佔滿剩餘空間” 時,隨手就寫一個 flex:1,偶爾能實現效果,但遇到複雜佈局時就容易踩坑 —— 明明程式碼結構相似,為什麼有的元素被擠壓變形,有的卻能正常顯...
# 10個我離不開的 VSCode 插件 最近國外的一位開發者 Ayush 分享了 10 個他離不開的 VS Code 插件,博主看了後覺得挺實用,在這裡整理一下,分享給大家。 ## 10. File Utils 免費使用它嗎? 我身邊看到許多人在不知道的情況下使用它,因此我決定將具體的步驟整理成文章發佈。 n8n 是一個可以輕鬆構建 AI 工作流程的方便工具,即使...
以下的本地 LLM 環境進行構建。 。 我主要對於 React 的初學者進行教學。 我所指導的學生們利用 React 開發了各式各樣的優秀服務,然而即便具備實力,對於虛擬 DOM 和重新渲染的理解仍然不足,經常因此在錯誤調試上花費不少時間。 ...
你好,開發者們!👋 隨著新一代 AI 驅動的工具快速演變,軟體開發的世界變化比以往更快,這些工具幫助你更聰明、更快速地編碼,並減少錯誤。 在本文中,我將介紹一些最佳的 [AI 代碼生成器](https://www.qodo.ai/blog/best-ai-code-generators/...
每週二晚上《CodeLove Talk》直播! 聊聊科技新聞,一起討論軟體開發相關的話題!