# 拓寬AI Coding能力:前端 MCP 實用技巧分享 ## 前言 MCP 火了這麼久,不少朋友已經開始寫書、做教程,甚至搭建了各種 MCP 資源合集站。 但今天我想換個角度,聊聊我**在日常前端開發中真正用到的一些實用 MCP**。 這些都是經過實踐篩選、能直接提升開發效率的工具,希望能對大...
# 前端鑑權新时代:告別 localStorage,擁抱更安全的 JWT 存儲方案 ## 如果你是一名前端開發者,下面這行代碼可能早已成為你的肌肉記憶: ```javascript localStorage.setItem('token', jwtToken); ``` 簡單、直接、有效。多年...
有沒有這樣的經驗:忘了關水泵,回來後發現露台上竟然有個迷你游泳池?我有過。所以,我用 ESP32、Firebase 和一個簡單的 Web 儀錶板來建立了這個智慧水泵控制器。現在,只需一個瀏覽器,我就可以打開或關閉水泵、檢測漏水,甚至計算用水量。沒錯,它聽起來就很酷。 無論你是想深入研究物聯網,還...
#### TL;DR: > 有沒有想過為什麼你的開發伺服器總是在 localhost:3000 或 localhost:5173 上運作? > 這些移植版本有著引人入勝的歷史,可以追溯到幾十年前開發者的習慣,從 Java、Python 到 Node.js 和 Vite。讓我們來揭秘它們背...
在現代軟體開發中,Docker 和 Kubernetes 經常被同時提及,但它們解決的問題卻截然不同。 Docker 可以輕鬆地**將應用程式打包到容器中**。 Kubernetes 則負責將這些容器**在多台伺服器上大規模執行,確保可靠性和自動化**。 雖然我[之前關於 Docker 和 Ku...
# 我把前端踩坑經驗總結成28條“漲薪秘籍”,老闆誇同事讚,新手照著做準沒錯 > 身邊總有人問我:“同樣是寫前端,為啥你入職半年就漲薪,還被老闆誇‘代碼功底扎實’、同事說‘合作起來超省心’?”其實不是我天賦高,而是踩坑多了摸出了“門道”。這28條前端“漲薪秘籍”,從代碼寫法到項目協作全覆蓋,新手照...
# 女朋友炸了:剛打開的網頁怎麼又沒了?我反手甩出一鍵恢復按鈕! 女朋友經常手滑關掉標籤頁這事兒頭大了? 跟女朋友說用 `Ctrl/Cmd+Shift+T`,她皺眉:“鍵盤上哪有這個鍵!!!” 讓她翻歷史紀錄,她搖頭:“根本找不到,全是我今天打開的!” 最後指向左上角的“最近關閉”,她...
# 前言 您好,我是鷹野。 在Playwright v1.56中新增了[Playwright Agents](https://playwright.dev/docs/test-agents)功能。這些Playwright Agents由三個主要的代理組成,通過協同運作實現整個測試過程的自動化。 ...
# Vue3 登入頁還能這麼絲滑?這個 hover 效果太驚艷了 ### 前言 大家好,我是大華!在現代 Web 開發中,使用者體驗越來越重要。一個簡潔、美觀又富有動效的登入頁,不僅能提升品牌形象,還能增強使用者的第一印象。這篇文章,我們將用 **Vue3 + CSS3 動畫**,來實現一個**懸...
# 一個前端工程師的年度作品:從零開發媲美商業級應用的後台管理系統!  過去一年,我花了無數個夜晚,在一次次打磨與推翻中,完成了自己最滿意的作品 —— Art Design Pro。 這不是一個普通的後...
我目前正在開發一款對話式人工智慧 Web 應用。我完全從零開始建造它,遵循結構化的 SDLC 方法。 目前,我正處於第 3 階段:前端交互,我正在致力於動態呈現聊天訊息。 最初,我採用了一種常見的方法:使用`insertAdjacentHTML()`將使用者和 AI 訊息氣泡直接加入到 DOM...
這是關於資料工程的文章,如果你在 Google 上搜尋該主題,並在點擊 **Feeling Lucky** 後進入將會找到這篇文章。 > 此外,這篇文章是由一位經驗豐富的網頁開發工程師撰寫,他在職業生涯中開始了新的主題,也就是:這是我的學習,我的研究,如果你有任何補充,請隨時在下面留言告訴我!...
這也許就是AI無法代替人的原因,只需一行代碼就可以實現純前端 html 轉矢量 pdf 的功能 ```javascript // 引入 dompdf.js庫 import dompdf from "dompdf.js"; dompdf(document.querySelector("...
# 有了TCP為何還需要HTTP?再用RPC?這次徹底講明白了 > 記得剛工作那會兒,第一次接觸RPC概念時,我內心滿是疑惑——明明HTTP用得好好的,為什麼要搞出個RPC?直到參與了幾個微服務專案後,我才真正能理解它們各自的價值。今天,就讓我們一起理清這些協議之間的關係。 ## 從網路...
簡介 == 大家好!最近我一直專注於**後端開發**,終於決定是時候深入學習 Node.js 了。我一直拖延這個時間,現在**終於到了❗** 老實說,我以前在考慮後端概念時感到有點害怕 - 例如**建立伺服器**、**使用資料庫**...😳和一般基礎設施。我不知道 Node.js 為我...
# 【前端效率工具】:告別右鍵另存,不到 50 行碼一鍵批次下載網頁圖片  通訊。 在我們開始之前,我們將介紹以下內容: - 什麼是 A2A 協議? -...
## 引言 我平常寫 Ruby,偶爾會因為興趣寫寫 Python。這次,發現不知道什麼時候被新增了一個叫 t-strings 的不熟悉功能,於是我查了一查。 ## 在 Python 3.14 中引入的 t-strings 2025/10/07 (週二) (當地時間) Python 3.14...
## 大家好,我是蘇三,又跟大家見面了。 ## 前言 今天想和大家聊聊一個經典的技術選型問題:在高性能場景下,為什麼我更推薦使用PostgreSQL而不是MySQL? 有些小夥伴在工作中可能會疑惑:MySQL這麼流行,性能也不錯,為什麼要在高性能場景下選擇PostgreSQL呢? ...
這篇文章是人工撰寫的。 這是一份為活動準備的操作手冊,閱讀本文後,任何人都可以在大約一小時內進行嘗試! 使用 Claude Code 等 AI 代理人「的人」數量顯著增加。 如今,使用 AI 已經是每個人的常態。 我們更應該邁出一步,學習「製作」AI 代理人,這樣會更加有趣🙌...
每週二晚上《CodeLove Talk》直播! 開放觀眾 Call-in,一起討論軟體開發相關的話題!