使用 TypeScript 寫一個複製程式碼的按鈕

前陣子突然想到,部落格文章中的程式碼區塊 (Code block) 還沒有按鍵複製的功能。雖然程式碼區塊高亮工具 Prism.js 有提供複製程式碼的套件,不過感覺這個功能並不會太難寫 (菜雞的謎之自信),因此決定自己用 TypeSc...

簡單介紹 PHP 8.1 的列舉 (Enumerations)

PHP 8.1 在前陣子正式推出!加入不少新功能,其中包含最多人期待的列舉 (Enumerations)。列舉可以用來定義一系列的常數設定值,避免在開發時使用無效的設定值。簡單的 enum 設定如下。// 沒有回退 (non-backed) 的 e...

PHP 的引用傳遞與多階層分類

在 PHP 中,我們可以使用等號 ( = ) 將一個值賦予給一個新的變數。$a = 'Hello'; $b = $a;這時候 $b 會新增一個記憶體位址來存放值,如果對 $b 進行修改,並不會影響到 $a 的值。$a = 'foo'; $b = $a; $a = 'bar'...

用 TypeScript 簡單介紹 SOLID 原則裡面的 D

此為 SOLID 原則介紹的系列文章之一,所有文章的連結如下。用 TypeScript 解釋 SOLID 原則裡的 S用 PHP 解釋 SOLID 原則裡的 O用 TypeScript 簡單介紹 SOLID 原則裡面的 L用 PHP 簡單介紹 SOLID 原則裡面的 I用 Type...

用 PHP 簡單介紹 SOLID 原則裡面的 I

此為 SOLID 原則介紹的系列文章之一,所有文章的連結如下。用 TypeScript 解釋 SOLID 原則裡的 S用 PHP 解釋 SOLID 原則裡的 O用 TypeScript 簡單介紹 SOLID 原則裡面的 L用 PHP 簡單介紹 SOLID 原則裡面的 I用 Type...

為什麼 z-index 沒有效果

在做網頁改版的時候,遇到一個問題,一個元素的 z-index 數值不管我調多高,都無法蓋過 z-index 比它低的元素。認真看了一下 MDN 的敘述,發現這是個菜雞錯誤 (RTFM),因此決定寫個文章記錄。什麼是 z-index在三維空...

用 TypeScript 簡單介紹 SOLID 原則裡面的 L

此為 SOLID 原則介紹的系列文章之一,所有文章的連結如下。用 TypeScript 解釋 SOLID 原則裡的 S用 PHP 解釋 SOLID 原則裡的 O用 TypeScript 簡單介紹 SOLID 原則裡面的 L用 PHP 簡單介紹 SOLID 原則裡面的 I用 Type...

MySQL 中各種 JOIN 的差別

MySQL 中的 JOIN 語法,可以讓我們將多張表關聯起來,但就跟斯斯有三種一樣,JOIN 也有三種,分別是。INNER JOIN (可以簡寫成 JOIN)。LEFT JOIN (有些資料庫會是 LEFT OUTER JOIN)。RIGHT JOIN (有些資料庫會是 RIGH...

用 PHP 解釋 SOLID 原則裡的 O

此為 SOLID 原則介紹的系列文章之一,所有文章的連結如下。用 TypeScript 解釋 SOLID 原則裡的 S用 PHP 解釋 SOLID 原則裡的 O用 TypeScript 簡單介紹 SOLID 原則裡面的 L用 PHP 簡單介紹 SOLID 原則裡面的 I用 Type...

將部落格從 Bootstrap 5 改版至 Tailwind CSS 的心得

又發了一篇關於前端的文章,真的是不務正業的後端 😅,但分類在日常分享應該沒關係吧?講古一下,雖然不是很重要 😂。其實這個部落格最一開始,是參考 Laravel China 的課程,使用 Laravel 6 與 Bootstrap 4 開發的...