在2025年的今天,我想說一句可能會被很多同行噴的話🤯: **我個人認為,以`styled-components`和`Emotion`為代表的、在運行時注入樣式的CSS-in-JS技術,從長遠來看,是一項失敗的技術。** 我知道,這個觀點很暴論。 在它最火的那幾年(大概2018-2...
## 前言 Vue 3 的原始碼由多個模組構成,除了我們常用的核心功能外,還包含了響應式、工具函數等多個獨立模組。為了模擬 Vue 官方的開發環境,管理這些分散的模組,我們會採用 Monorepo 架構來進行專案管理,並且使用 pnpm workspace。 強烈建議大家一定要跟著動手編...
# 前言 雖然儘量避免,但偶爾還是需要管理大量的 Excel 或 Excel VBA 的情況,您是否有過這樣的經驗呢? 如果是 App Script,還有幾種管理的方法可供選擇。 不過,對於 Excel 和 Excel VBA,似乎沒有太多的管理方式,最終常常會找到雲端上的某個硬碟...
## 1.背景 > “把時間花在創造價值上,而不是重複造報告。” 作為一個打工人,每週、每個季度都少不了被 OKR、OR、KR 這些看起來“無用但又不得不做”的活兒折騰,季度末,翻遍了數周的筆記和記錄,只為拼湊出一份符合要求的述職報告,耗時耗力。偏偏我是一名理科生,文字功底一般,寫報告還...
**有時候我們發了新版,結果用戶看到的還是舊介面。** 你:「我更新了啊!」 用戶:「我這兒沒變啊!」 然後你倆開始互相懷疑人生。 **那怎麼辦?總不能讓用戶都清快取吧?** 當然不能。 我們得讓瀏覽器自己知道「該換新的了」。 **核心思路就一條:讓靜態資源...
*在前端與 Node.js 開發中,包管理器是連接專案與海量開源依賴的核心工具。從最早的 npm 到後來的 yarn,再到如今備受青睞的 pnpm,每一次迭代都圍繞著 “效率、空間、一致性” 三大痛點展開。本文將先回顧 npm 的局限,再深入解析 pnpm 如何透過 **硬連結與符號連結** 突破這...
# Git ## 準備 ### Git 安裝 首先確認是否已經安裝 git。 ``` git --version ``` 如果已顯示版本,則不需要重新安裝。 如果沒有,請從 [這裡](https://git-scm.com/book/ja/v2/%E4%BD%BF...
本以為能簡化一切的框架,卻讓我的程式碼庫變成惡夢 內容提要:在使用 React 開發四年、構建了 20 多個生產應用之後,我決定轉向 Svelte,並且再也沒有回頭。 ## 嚴重崩潰的瞬間 上個月,我花了六個小時調試一個「簡單」的表單元件——問題出在 useState 無法立即更新...
# 七夕到了,我讓AI用Kuikly寫了個“孤寡青蛙“App,一碼五端真絲滑! ## 引子 又是一年七夕,朋友圈裡充滿了戀愛的"酸臭味",而你,是不是又一次"孤寡"在家? 。 我主要對於 React 的初學者進行教學。 我所指導的學生們利用 React 開發了各式各樣的優秀服務,然而即便具備實力,對於虛擬 DOM 和重新渲染的理解仍然不足,經常因此在錯誤調試上花費不少時間。 ...
概述 == 這可能是一個突然的問題,但是您是否隨意編寫了 Dockerfile? 只需一點點聰明才智,您就可以使您的程式碼更輕巧、更易讀,因此這裡有一些技巧可以幫助您。 本文是手寫。 技巧 1:使用多階段建置 ============ Docker 的多階段建置可讓...
當開發人員長期製作一個網站時,顯然很少有人會考慮這樣的功能,但想像一下,您的服務已經變得流行並且您想要擴展。 一個倉庫似乎足以應付工作,但如果一個服務(公司)有 10 個網站,那麼所有網站都必須使用相同的元件,因為重新設計根本無利可圖。 GitHub 和 YouTube 等服務的用戶甚至無法想...
您是否曾希望您的 AI 助理能夠存取即時資料?模型上下文協定 (MCP) 伺服器讓這一切成為可能,而且它們的建置和使用極為簡單! 你可能已經看過我的影片和帖子,了解如何使用 Playwright MCP 存取網站並產生測試想法,然後在首次與網站互動後產生實際的 Playwright 測試。或我...
上次撈到了商品資料 這次嘗試把加購的商品,連同主商品一起送出 先不實作動態撈加購 id 就先放一個實際商品 id 做測試 --- 這功能乍聽之下簡單,實際上做起來非常複雜 以預設的 theme Dawn 來說 購物車有三種模式 drawer, page, popu...
作為軟體開發人員,我們夢想著輕鬆編碼,將複雜的問題轉化為優雅而高效的解決方案。 然而,軟體開發是一個複雜的過程,即使對於最有經驗的開發人員來說,編寫多行無錯誤的程式碼也是一項挑戰。 因此,結對程式設計(兩個程式設計師同時工作並互相提供回饋)在軟體開發中很流行。 傳統上,一個程式...
*原文發表於[Medium](https://tapajyoti-bose.medium.com/)* **React**是**2025 年前端開發人員**最需要的技能之一。如果您正在準備**2025 年**的**React**開發人員面試,那麼掌握最新的最佳實踐、模式和概念至關重要。 ...
Docker 已經成長了。你? 回顧 2015 年,Docker 還很新穎。您可能使用類似以下命令執行了第一個容器: ``` docker run -it ubuntu bash ``` 你感覺自己很強。您在容器內安裝了 Vim。甚至可能是 Node.js。您沒有使用`.doc...
自動化測試有時會給開發人員帶來很大的麻煩,因為設定緩慢、測試不牢靠且工具無法正常擴展。 即使無程式碼工具也不像看起來那麼簡單。但是如果有一種方法可以讓測驗變得更聰明、更容易呢? 今天,我們將介紹開發人員在測試期間面臨的 12 個常見問題以及 KaneAI(GenAI 原生測試代理)如何協...
我曾經是將 TypeScript 推向**每個**專案的開發人員。後端? TypeScript。前端? TypeScript。一個五分鐘的腳本來自動重命名檔案?是的,甚至如此。這似乎是正確的舉措——畢竟,靜態類型讓一切變得更好,對吧? 嗯,並非總是如此。 多年來,我一直強迫自己將 Typ...
每週二晚上《CodeLove Talk》直播! 開放觀眾 Call-in,一起討論軟體開發相關的話題!