透過 GitHub Actions 自動抓取自己寫的 CodeLove 文章,並更新專案根目錄的 `README.md` ## 使用方法 1. 創建檔案 `.github/workflows/codelove-updater.yml` 在專案中: ```yaml name: Test...
CSS 剛剛有了一個新標誌。它的顏色是`rebeccapurple` ,一種特殊的顏色,有一個你可能不知道的故事。 `rebeccapurple`的故事 ------------------ `rebeccapurple`這個名字代表了 Web 開發社群中的一個悲傷故事。該顏色 ( `...
### 乾淨程式碼的藝術:撰寫可維護 JavaScript 的實用指南。 ### **介紹:** 編寫乾淨的程式碼不僅僅是一種美觀的選擇,它是減少錯誤、增強協作並確保軟體專案的長期可維護性的基本實踐。本指南探討了編寫乾淨 JavaScript 程式碼的原則、實作和實用方法。 ###...
我們都經歷過這樣的情況——盯著應該可以工作但實際上不可讀的程式碼。讓我們面對現實:每個開發人員(是的,我們每個人)都曾在某個時候編寫過類似的程式碼。好訊息?重構是一項可以學習的技能,乾淨的程式碼也是觸手可及的。 因此,讓我們深入探討編寫乾淨程式碼的真正含義 - 不是抽象的、「只是使其整潔」類型...
codelove 論壇,近一個月有個怪現象 就是右上角的未讀通知,點進去應該是把未讀的通知,背景顏色反白 奇怪的是,近一個月,點進去,都是一般的顏色,表示已讀的意思 這有點怪,經測試,本機不會這樣 觀察 developer console network tab 發現是...
如果你想要一個填滿整頁的容器 div,確保你有這些: ```css /* 覆蓋瀏覽器預設 */ html, body { margin: 0; padding: 0; } /* 使用視口相對單位以完全覆蓋頁面 */ body { height: 100vh; ...
黃金比例,也稱為黃金數、黃金比例或甚至是神聖比例,是兩個數字之間的特殊關係,其大約等於 1.618。它常用希臘字母「phi」表示。值得注意的是,這個比例與費波那契數列有著密切的聯繫—這是一系列的數字,每個數字都是前兩個數字的總和。費波那契數列以 0、1 開始,然後繼續:1、2、3、5、8、13、21...
了解 ChatGPT: ----------- ChatGPT 是一種人工智慧 (AI) 聊天機器人,它使用自然語言處理來建立類人對話。這個語言模型可以回答問題並撰寫各種書面內容,包括文章、社交媒體貼文、論文、程式碼和電子郵件,這使其成為各個層級的程式設計師都興奮的工具。 > Open...
這幾天站長開發了一個新功能 就是系列文章寫作功能 我來首先創作一個系列文章,作為示範
CSS 知道幾種測量單位。最著名的單位是像素,但還有其他單位雖然不那麼流行,但在某些用例中非常方便。 本文涵蓋相對單位、絕對單位和視口單位。 |媒體|建議|偶爾使用|不經常使用|不建議| |-----|------------|--------------|--------------...
CSS 屬性`line-height`定義兩個內嵌元素之間的間距。典型用途是分隔文字。您可以看到人們將其與“前導”進行比較,“前導”是印刷術中使用的術語,指兩行文本的基線之間的空間。 `line-height`工作方式不同。它在文字上方和下方加入了空間。 ![行距與行高](https:...
我最近注意到一個小悖論:很多年前——在 CSS 網格出現之前——我們使用`<table>`來模擬網格佈局。現在我們*有了*網格佈局,我們用它們來模擬表格!這是錯誤的。表格用於**表格**資料;在一堆`<div>`中呈現表格資料是沒有意義的。 造成這種弊端的原因可能是因為表格的樣式可能**有點*...
新 C 程式設計師的困惑來源之一是指標。乍一看,使用它們似乎沒有多大用處。但是,理解指標至關重要,因為它是一個有用的工具,任何比「Hello, World」程式更大的專案都會有指標。一旦初學者開始掌握指針的概念和適用性,另一波恐怖浪潮就會深入他們的內心:雙指針。 在繼續之前,讓我們回顧一下指標...
CSS 中的超簡單響應式行和列 ================== 網格佈局是 Web 開發設計的基礎,您很可能已經使用 Bootstrap 或 Foundation 等工具來使您的佈局成為現實。但是,像你們大多數人一樣,我不喜歡執行 Bootstrap 或 Foundation ...
原文出處:https://dev.to/lovestaco/good-bye-crud-apis-hello-sync-realtime-postgresql-with-electricsql-1f8j ## API 的混亂:我們的互動是否過於複雜? Web 應用程式上的每個操作都會...
https://www.youtube.com/watch?v=Rr5AqASIyxw ## TL;DR - 在 JSX 使用 0 時,雖然是 falsy 但還是渲染出來 - [官方文件特別提醒要注意](https://react.dev/learn/conditional-renderi...
大家好,我是站長阿川 我留意到 LINE 群組的討論非常踴躍 很多迷惘、想轉職的新手,各種發問,都有業界工程師幫忙回答,非常熱心! 各位很多的回答「非常詳細」,完整到我覺得:只有群組內的新手看到,也太可惜! 應該讓網路上更多人都能看到,這樣更造福眾生、未來有人 google ...
上次的說明了PHP套件管理的歷史與社群提出的解決之道,本篇文章接著談類別管理的進階議題。 # 當類別名稱一樣... 當專案大了起來,有時候會有類別名稱重複的問題。 假設今天要撰寫一個論壇模組,提供討論區與留言板功能。 你一定很想將討論區的文章與留言板的文章都命名類別為Arti...
相信有在用PHP的朋友近年來常聽到composer這個套件管理工具。 它到底是做什麼用的?又是為了解決什麼問題而存在呢? 要瞭解這個,得先從歷史開始說起...。 # PHP最早讀取套件的方法 初學PHP時,最早會面對的問題之一就是require與include差別何在? ...
## 簡介 CSS 是任何網站設計的重要組成部分,但理解其中一些細微差別觀念可能不容易。其中最重要的觀念之一是 rem 和 em 之間的區別,以及為什麼/何時應該使用它們。 原文出處:https://dev.to/refine/rem-vs-em-everything-you-need-...