# 拓寬AI Coding能力:前端 MCP 實用技巧分享 ## 前言 MCP 火了這麼久,不少朋友已經開始寫書、做教程,甚至搭建了各種 MCP 資源合集站。 但今天我想換個角度,聊聊我**在日常前端開發中真正用到的一些實用 MCP**。 這些都是經過實踐篩選、能直接提升開發效率的工具,希望能對大...
# 前端鑑權新时代:告別 localStorage,擁抱更安全的 JWT 存儲方案 ## 如果你是一名前端開發者,下面這行代碼可能早已成為你的肌肉記憶: ```javascript localStorage.setItem('token', jwtToken); ``` 簡單、直接、有效。多年...
有沒有這樣的經驗:忘了關水泵,回來後發現露台上竟然有個迷你游泳池?我有過。所以,我用 ESP32、Firebase 和一個簡單的 Web 儀錶板來建立了這個智慧水泵控制器。現在,只需一個瀏覽器,我就可以打開或關閉水泵、檢測漏水,甚至計算用水量。沒錯,它聽起來就很酷。 無論你是想深入研究物聯網,還...
## 介紹 我設定了在2025年夏季到秋季之間,**連續100天在GitHub上提交代碼**的目標。 最初只是抱著「我想要每天寫代碼以形成習慣」的心情,但不知不覺間**我的生活和思維方式都發生了變化**。 我將實際上100天堅持下來的感受、獲得的領悟和成長進行總結。 ## 100天堅持下來...
在現代軟體開發中,Docker 和 Kubernetes 經常被同時提及,但它們解決的問題卻截然不同。 Docker 可以輕鬆地**將應用程式打包到容器中**。 Kubernetes 則負責將這些容器**在多台伺服器上大規模執行,確保可靠性和自動化**。 雖然我[之前關於 Docker 和 Ku...
我試用一下 覺得這個 app 真的很強大 https://apps.shopify.com/ymq-options 可以增加很多變體之外 不同選項還可以有額外價格  注意看畫面上的 tooltip 文字 ...
# 打造高性能二维圖紙渲染引擎系列(一):Batched Geometry 助你輕鬆渲染百萬實體 最近開源了高性能在線 DWG/DXF 查看器 **CAD-Viewer** ([Gitlab](https://link.juejin.cn?target=https%3A%2F%2Fgitlab.c...
# 女朋友炸了:剛打開的網頁怎麼又沒了?我反手甩出一鍵恢復按鈕! 女朋友經常手滑關掉標籤頁這事兒頭大了? 跟女朋友說用 `Ctrl/Cmd+Shift+T`,她皺眉:“鍵盤上哪有這個鍵!!!” 讓她翻歷史紀錄,她搖頭:“根本找不到,全是我今天打開的!” 最後指向左上角的“最近關閉”,她...
# 前言 您好,我是鷹野。 在Playwright v1.56中新增了[Playwright Agents](https://playwright.dev/docs/test-agents)功能。這些Playwright Agents由三個主要的代理組成,通過協同運作實現整個測試過程的自動化。 ...
# 當 AI 走進前端開發:代理插件的全流程開發實踐 ## 1 背景 AI 技術的飛速發展,正在深刻改變前端開發的方式。以 **Cursor**、**Trae** 等新一代 AI IDE,正逐步成為工程師的“第二大腦”。它們通過強大的代碼補全、上下文理解、自動重構、文件生成等能力,讓開發者能夠以更...
# Vue3 登入頁還能這麼絲滑?這個 hover 效果太驚艷了 ### 前言 大家好,我是大華!在現代 Web 開發中,使用者體驗越來越重要。一個簡潔、美觀又富有動效的登入頁,不僅能提升品牌形象,還能增強使用者的第一印象。這篇文章,我們將用 **Vue3 + CSS3 動畫**,來實現一個**懸...
甲骨文今天發佈了開放且相互操作的數據平台 [Oracle Autonomous AI Lakehouse](https://www.oracle.com/news/announcement/ai-world-oracle-introduces-autonomous-ai-lakehouse-2025...
[Oracle AI Database 26ai](https://www.oracle.com/news/announcement/ai-world-database-26ai-powers-the-ai-for-data-revolution-2025-10-14/) 已經推出。 Orac...
正直地說,在不久前我還認為「與其花時間選擇工具,還不如直接寫程式碼來得快」。 然而,在今年年初參加的黑客松中,我看到了團隊成員使用的工具,讓我的想法發生了改變。他們從API設計到數據可視化,進行得相當順利。我之前親手花了30分鐘的工作,他們卻在5分鐘內完成了。 那時我明白了。「使用有效率...
# React 巨變! 10月7日,React 官方團隊宣布,[創建 React 基金會和新的技術治理結構的計畫](https://link.juejin.cn?target=https%3A%2F%2Freact.dev%2Fblog%2F2025%2F10%2F07%2Fintroduci...
# 為什麼我開始減少逛技術社群,而是去讀非技術的書?  我得承認,我有過很長一段...
近日, React 宣布創建 React 基金會和新的技術治理結構的計劃, **React 和 React Native 將從 Meta 遷移到新的 React 基金會,其目的在於成為 React、React Native 以及 JSX 等一些支持項目的新家園,React 基金會的使命是支持 Rea...
# 💻 工程師是動不動的生物? 轉眼間一天都坐在電腦前。 發現計步器的數字是「200步」。 隨著遠端工作和長時間編碼變得司空見慣,**工程師的運動不足**問題愈發嚴重。 肩膀僵硬、腰痛、眼睛疲勞、專注力下降…… 但「沒有時間運動」的感覺,是不是很多人都有? 我想向...
## 把程式碼變成“可改的樹”:一文讀懂前端 AST 的原理與實戰 ### 前言:什麼是 AST(抽象語法樹)? 在現代前端開發中,AST(Abstract Syntax Tree,抽象語法樹)指的是“用樹來表達一段程式碼的語法結構”。通俗理解:把程式碼先讀懂、拆解成一個個語法“節點”,...
上週面試的時候,面試官突然問我:“你用過 Cursor 對吧,那你知道 rules 嗎?”  當時小愛一愣,把問題聽成了 Cursor 的弱勢,本...
每週二晚上《CodeLove Talk》直播! 開放觀眾 Call-in,一起討論軟體開發相關的話題!