標籤：TypeScript
使用 Shiki.js 對網頁上的程式碼進行著色
前陣子突然又心血來潮，將自己部落格的程式碼著色工具從 Highlight.js 換成 Shiki.js。雖然 Highlight.js 使用上並沒有什麼問題，我甚至還使用它提供的 API，幫自己寫了 Blade 與 HCL 的程式碼著色套件。Highlight.j...
•
Allen
•
•
0
觸發互動視窗的 CSS 轉場動畫
之前因為好玩，還有想在部落格上看程式碼可以舒服點，所以自己寫了一個簡單的互動視窗（Modal），用來放大文章中的程式碼區塊。雖然功能一切正常，但我還是會嘗試去改善互動視窗的程式碼。前幾天改了一個版本，讓互...
•
Allen
•
•
0
Interface 與 Type 在 TypeScript 中的差異
在 TypeScript 中，你可以用 interface 和 type 這兩個關鍵字，來定義一個自己的類別。interface Person {
name: string;
age: number;
}
const person: Person = {
name: "John",
age: 30,
};有趣的是，除...
•
Allen
•
•
0
使用 TypeScript 開發自己的套件
最近用 TypeScript 寫了一個簡單的前端套件並發佈到 NPM 上，套件功能是幫 highlight.js 加上對 Laravel Blade 樣板語法的支援。雖然這個功能已經有人幫忙寫了套件，但是我發現這些套件在部分語法上都有缺失，也長年...
•
Allen
•
•
0
用 TypeScript 來寫個互動視窗
最近常常遇到一些過去曾遇到的技術問題，讓我很常在自己的部落格上翻找過去所寫的文章。次數一多後，我總覺得自己部落格上的程式碼區塊很窄。如果程式碼中某行字數太多，我就需要來回滾動捲軸來查看完整的程式碼，這...
•
Allen
•
•
0
升級 Livewire V3 的踩坑心得
萬眾期待的 Livewire V3 終於在前陣子推出了正式版本 (8/25)，這個版本做了相當多更動，也加入了許多新功能。看了 Livewire 作者在 Laracon US 的介紹後，就非常期待正式版本的到來。Livewire V3 剛推出 beta 的時候...
•
Allen
•
•
1
使用 TypeScript 寫一個複製程式碼的按鈕
前陣子突然想到，部落格文章中的程式碼區塊 (Code Block) 還沒有按鍵複製的功能。雖然程式碼區塊高亮工具 Prism.js 有提供複製程式碼的套件，不過感覺這個功能並不會太難寫 (菜雞的謎之自信)，因此決定自己用 TypeSc...
•
Allen
•
•
0
用 TypeScript 簡單介紹 SOLID 原則裡面的 D
此為 SOLID 原則介紹的系列文章之一，所有文章的連結如下。用 TypeScript 解釋 SOLID 原則裡的 S用 PHP 解釋 SOLID 原則裡的 O用 TypeScript 簡單介紹 SOLID 原則裡面的 L用 PHP 簡單介紹 SOLID 原則裡面的 I用 Type...
•
Allen
•
•
0
用 TypeScript 簡單介紹 SOLID 原則裡面的 L
此為 SOLID 原則介紹的系列文章之一，所有文章的連結如下。用 TypeScript 解釋 SOLID 原則裡的 S用 PHP 解釋 SOLID 原則裡的 O用 TypeScript 簡單介紹 SOLID 原則裡面的 L用 PHP 簡單介紹 SOLID 原則裡面的 I用 Type...
•
Allen
•
•
0
用 TypeScript 解釋 SOLID 原則裡的 S
此為 SOLID 原則介紹的系列文章之一，所有文章的連結如下。用 TypeScript 解釋 SOLID 原則裡的 S用 PHP 解釋 SOLID 原則裡的 O用 TypeScript 簡單介紹 SOLID 原則裡面的 L用 PHP 簡單介紹 SOLID 原則裡面的 I用 Type...
•
Allen
•
•
0
熱門標籤