家裡有朋友來的時候,幾乎每次都會這樣。 - 「可以告訴我Wi-Fi密碼嗎?」 - 「沒問題!這是密碼!」 - 「謝謝!(輸入…)欸,連不上去、、、」 - 「欸,這裡可能有一個字錯了」 我總是覺得有點麻煩。 口頭傳遞的方法也麻煩,所以我想乾脆換一個奇怪的分享方式,決定用QR碼來分享Wi-Fi密...
# 圖片標籤用 img 還是 picture?很多人徹底弄混了! 在網頁開發中,圖片處理是每個前端開發者都會遇到的基礎任務。面對 `img` 和 `picture` 這兩個標籤,很多人存在誤解:要麼認為它們是互相替代的關係,要麼在不合適的場景下使用了複雜的解決方案。今天,我們來徹底理清這兩個標籤的...
# 🧸 前端不是只會寫管理後台,我用 400 行程式碼畫了一个 LABUBU ! 注意看,這個男人叫小何,別小看他,每天晚上 9 點 59 分他都準時打開泡泡瑪特小程序蹲守 LABUBU 抢购。就在剛才,螢幕時鐘倒計時又到 00:00:00 了,他立刻開始狂戳螢幕上的「立即購買」按鈕,切換「購買方...
# 10 個被嚴重低估的 JS 特性,直接少寫 500 行程式碼 ## 前言 最近逛 Reddit 的時候,看到一個關於最被低估的 JavaScript 特性的討論,我對此進行了總結,和大家分享一下。 ## 1. Set:陣列去重 + 快速查找,比 filter 快 3 倍 提到陣列去重,很多人...
有沒有這樣的經驗:忘了關水泵,回來後發現露台上竟然有個迷你游泳池?我有過。所以,我用 ESP32、Firebase 和一個簡單的 Web 儀錶板來建立了這個智慧水泵控制器。現在,只需一個瀏覽器,我就可以打開或關閉水泵、檢測漏水,甚至計算用水量。沒錯,它聽起來就很酷。 無論你是想深入研究物聯網,還...
# Vue3 登入頁還能這麼絲滑?這個 hover 效果太驚艷了 ### 前言 大家好,我是大華!在現代 Web 開發中,使用者體驗越來越重要。一個簡潔、美觀又富有動效的登入頁,不僅能提升品牌形象,還能增強使用者的第一印象。這篇文章,我們將用 **Vue3 + CSS3 動畫**,來實現一個**懸...
# 一個前端工程師的年度作品:從零開發媲美商業級應用的後台管理系統!  過去一年,我花了無數個夜晚,在一次次打磨與推翻中,完成了自己最滿意的作品 —— Art Design Pro。 這不是一個普通的後...
前端開發圈裡有個永恆的話題:React和Vue到底哪個性能更好?今天我想從實際經驗出發,和大家聊聊這個有趣的話題。 ## 先澄清一個誤解 首先要說明的是,**React和Vue在現代硬體上的性能差異,大多數用戶是感知不到的**。但作為開發者,了解它們背後的機制確實很有意思。 ## ...
### 運營小姐姐的煩惱 在我們公司有一個運營部門,平常要負責把內容發布到抖音、快手、小紅書等這些平台。帳號類型也很多,有品牌號、合作號、還有專門用來做活動的測試號。日常的工作量其實不小。尤其一到促銷期或者活動期,一天要發好幾條筆記,而且要同時涵蓋不同的帳號。 每次到了活動期,運營小姐姐...
> **實戰推薦:** > - [⚡ 一個 Vue 自訂指令搞定絲滑拖曳列表,告別複雜元件封裝](https://juejin.cn/post/7511332054941188147) > - [🔥 這才是 Vue 驅動的 Chrome 外掛工程化正確打開方式](https://juejin.c...
> **實戰推薦:** > - [⚡ 一個 Vue 自訂指令搞定絲滑拖曳列表,告別複雜元件封裝](https://juejin.cn/post/7511332054941188147) > - [🔥 這才是 Vue 驅動的 Chrome 擴充功能工程化正確打開方式](https://juejin...
## 前言 大家好,我是去年一篇測評 [《unocss 究竟比 tailwindcss 快多少?》](https://juejin.cn/post/7342693286447087625) 的作者 `icebreaker`。 一晃到了 **2025 年**,`tailwindcss@4`...
**摘要:** 地圖技術作為數位世界的基石,其應用早已超越了傳統的導航和位置服務。對於開發者而言,如何將強大的地圖能力整合到不同形態的應用中,是一個充滿挑戰與機遇的課題。本文將詳細闡述一個獨特的實踐案例:如何利用Python的PyQt5框架,結合高德開放平台強大的JavaScript API ...
> 在 Flex佈局的日常使用中,flex:1 和 flex:auto 是兩個高頻出現的簡寫屬性。很多開發者可能會憑直覺混用,比如想讓元素 “佔滿剩餘空間” 時,隨手就寫一個 flex:1,偶爾能實現效果,但遇到複雜佈局時就容易踩坑 —— 明明程式碼結構相似,為什麼有的元素被擠壓變形,有的卻能正常顯...
# 前言 您好,我是 Watanabe jin (@Sicut_study)。 我主要對於 React 的初學者進行教學。 我所指導的學生們利用 React 開發了各式各樣的優秀服務,然而即便具備實力,對於虛擬 DOM 和重新渲染的理解仍然不足,經常因此在錯誤調試上花費不少時間。 ...
如您所知,我們*熱愛*[Lingo.dev](https://github.com/lingodotdev/lingo.dev)上不尋常的技術。因此,當我在[上一篇文章](https://dev.to/maxprilutskiy/creating-modal-windows-with-pure-cs...
在我之前的文章中,我研究了 CSS 中新的、改進的`attr()`方法。我[欣喜若狂](https://dev.to/madsstoumann/phases-of-the-moon-in-css-2lbo)(雙關語)。這次,我將繼續研究`attr()`方法,展示如何製作易於閱讀的元件(至少對於吉他手...
透過 GitHub Actions 自動抓取自己寫的 CodeLove 文章,並更新專案根目錄的 `README.md` ## 使用方法 1. 創建檔案 `.github/workflows/codelove-updater.yml` 在專案中: ```yaml name: Test...
如果您擔任 Web 開發人員超過五分鐘,您就會看到這種模式:每隔幾個月,就會出現一個*嶄新的 JavaScript 框架*,承諾解決您的所有問題。性能更佳!更清晰的語法!更加神奇!但經過多年從**AngularJS**到**React**到**Vue**到**Svelte** (現在可能是**Sol...
協助客戶的第一個需求 就是許多產品還沒運送到美國 但希望都先顯示在網站上 讓客戶知道這間日本廠商的產品線 並加上 `Coming Soon` 的提示 既然是 shopify 開店平台 我自然不能直接修改 database schema 那該如何做到這功能? 研究之後發現 可以使用內...
每週二晚上《CodeLove Talk》直播! 開放觀眾 Call-in,一起討論軟體開發相關的話題!