學.誌|Chris Kang的沙龍
學.誌|Chris Kang的沙龍
7.5K
會員
14
內容
加入
首頁
內容
關於
加入
學.誌|Chris Kang的沙龍
7.5K
會員
14
內容
加入
Top 5
1
【CSS】CSS 單位指南與應用大全(em, rem, vh, vw, %, px, vmin, vmax)
2
【React hook】深入淺出 10 分鐘理解 useContext
3
[TypeScript] 快速上手 satisfies,讓你輕鬆推論型別與類型檢查
4
[TypeScript] 10 分鐘學會 TS 中必會的 5 種型別防禦 Type Guard
5
如何以恰當的心態學習任何事物 How do I learn anything?
1
【CSS】CSS 單位指南與應用大全(em, rem, vh, vw, %, px, vmin, vmax)
2
【React hook】深入淺出 10 分鐘理解 useContext
3
[TypeScript] 快速上手 satisfies,讓你輕鬆推論型別與類型檢查
4
[TypeScript] 10 分鐘學會 TS 中必會的 5 種型別防禦 Type Guard
5
如何以恰當的心態學習任何事物 How do I learn anything?
Chris 前端的專研筆記
[TypeScript] 快速上手 satisfies,讓你輕鬆推論型別與類型檢查
本文帶你深入探索 TypeScript 中的 satisfies 特性,能幫助你實現精確的型別推導與型別檢查。透過實際案例,展示如何使用 satisfies 提升代碼的型別安全與程式碼的整潔,是每位 TypeScript 開發者不可或缺的知識。
2024/04/08
19
[TypeScript] 10 分鐘學會 TS 中必會的 5 種型別防禦 Type Guard
本文介紹 TypeScript 常遇到的混合型別,以及如何透過五種型別防禦(Type Guard)來解決。涵蓋了使用型別斷言、型別謂詞、in 運算子、typeof 運算子以及 instanceof 運算子這幾種方式。透過本文的學習,能夠更好地運用 TypeScript 進行程式碼開發。
2024/03/26
16
2
深入理解鏈表(Linked List)與資料結構 - 以 JavaScript 實作
本文將深入探討鏈表的核心概念,使用 JavaScript 來說明如何實現和操作鏈表(Linked List),包括 append、prepend、remove、find 和 reverse 等五大方法。
2024/02/04
14
【CSS】CSS 單位指南與應用大全(em, rem, vh, vw, %, px, vmin, vmax)
「px」,即像素,是最基本的單位,它常被用於指定字體大小、邊框粗細等。「em」和「rem」通常用於調整相對大小,「em」在子元素中的適用,而「rem」則以根元素為參考。另一方面,「vh」和「vw」分別代表視窗的高度和寬度百分比,特別適合實現響應式設計。「vmin」和「vmax」則根據視窗的最小或最大
2023/08/08
7
【Redux Toolkit】 React Testing Library 測試最完整中文指南
在 React 測試生態系統中,React Testing Library 成為了方便好用的選擇,因其強調測試應該關注於使用者的操作與觀察元件行為,而不是測試細節實現。
2023/07/21
4
十分鐘完整理解 createAsyncThunk 如何處理非同步操作
在軟體領域中,"Thunk" 是一個常用的術語,它指的是一種用於延遲計算,或將運算延後執行的程式碼片段。它通常用於函數式編程,或編譯器的設計中。Redux 透過 createAsyncThunk 實作了該非同步/異步操作,並提供數個 API 協助我們使用 Redux。
2023/07/12
8
【React hook】手把手學會 Form 表單驗證與 UX 優化全教學
React 表單驗證是一種技術與使用者體驗的設計,讓使用者能夠即時檢查輸入的資料並修正,提升使用者的使用體驗,並確保資料的正確性。
2023/07/04
5
【React hook】深入淺出 10 分鐘理解 useContext
useContext 是一種 React hook,讓我們能夠直接取用其他元件的 Context,而無須層層傳遞 props,進而使程式碼簡潔易讀。
2023/06/02
11
箭頭函式(Arrow function)的 this 究竟是什麼?如何簡單理解 Lexical "this"?
在傳統開發的過程中,很容易會搞混一般的 this 和箭頭函式(arrow function)中的 lexcial "this" 兩者的差異。本文就以實際的例子來說明各自的差異,以及在未來使用時需要注意哪一些細節。
2023/04/25
4
[TypeScript] 快速上手 satisfies,讓你輕鬆推論型別與類型檢查
本文帶你深入探索 TypeScript 中的 satisfies 特性,能幫助你實現精確的型別推導與型別檢查。透過實際案例,展示如何使用 satisfies 提升代碼的型別安全與程式碼的整潔,是每位 TypeScript 開發者不可或缺的知識。
2024/04/08
19
[TypeScript] 10 分鐘學會 TS 中必會的 5 種型別防禦 Type Guard
本文介紹 TypeScript 常遇到的混合型別,以及如何透過五種型別防禦(Type Guard)來解決。涵蓋了使用型別斷言、型別謂詞、in 運算子、typeof 運算子以及 instanceof 運算子這幾種方式。透過本文的學習,能夠更好地運用 TypeScript 進行程式碼開發。
2024/03/26
16
2
深入理解鏈表(Linked List)與資料結構 - 以 JavaScript 實作
本文將深入探討鏈表的核心概念,使用 JavaScript 來說明如何實現和操作鏈表(Linked List),包括 append、prepend、remove、find 和 reverse 等五大方法。
2024/02/04
14
【CSS】CSS 單位指南與應用大全(em, rem, vh, vw, %, px, vmin, vmax)
「px」,即像素,是最基本的單位,它常被用於指定字體大小、邊框粗細等。「em」和「rem」通常用於調整相對大小,「em」在子元素中的適用,而「rem」則以根元素為參考。另一方面,「vh」和「vw」分別代表視窗的高度和寬度百分比,特別適合實現響應式設計。「vmin」和「vmax」則根據視窗的最小或最大
2023/08/08
7
【Redux Toolkit】 React Testing Library 測試最完整中文指南
在 React 測試生態系統中,React Testing Library 成為了方便好用的選擇,因其強調測試應該關注於使用者的操作與觀察元件行為,而不是測試細節實現。
2023/07/21
4
十分鐘完整理解 createAsyncThunk 如何處理非同步操作
在軟體領域中,"Thunk" 是一個常用的術語,它指的是一種用於延遲計算,或將運算延後執行的程式碼片段。它通常用於函數式編程,或編譯器的設計中。Redux 透過 createAsyncThunk 實作了該非同步/異步操作,並提供數個 API 協助我們使用 Redux。
2023/07/12
8
【React hook】手把手學會 Form 表單驗證與 UX 優化全教學
React 表單驗證是一種技術與使用者體驗的設計,讓使用者能夠即時檢查輸入的資料並修正,提升使用者的使用體驗,並確保資料的正確性。
2023/07/04
5
【React hook】深入淺出 10 分鐘理解 useContext
useContext 是一種 React hook,讓我們能夠直接取用其他元件的 Context,而無須層層傳遞 props,進而使程式碼簡潔易讀。
2023/06/02
11
箭頭函式(Arrow function)的 this 究竟是什麼?如何簡單理解 Lexical "this"?
在傳統開發的過程中,很容易會搞混一般的 this 和箭頭函式(arrow function)中的 lexcial "this" 兩者的差異。本文就以實際的例子來說明各自的差異,以及在未來使用時需要注意哪一些細節。
2023/04/25
4
自學駭客的技巧與心態
(下篇)為什麼目標設定又失敗?實戰目標管理 4 階段,讓你達成夢想目標!
接續上一篇 (上篇)為什麼目標設定又失敗?實戰目標管理 4 階段,讓你達成夢想目標!,本篇來說明四個階段的「階段三」和「階段四」: 目標設定 階段三:調整執行心態 目標設定 階段四:目標設定覆盤 這個階段,也是超過 70% 的機率,是採取正確的心態,與持續調整步伐。讓該專案意外順利堅持,並最終完成目
2023/05/29
5
(上篇)為什麼目標設定又失敗?實戰目標管理 4 階段,讓你達成夢想目標!
目標設定 階段一:確認當前目標 目標設定 階段二:設定可行目標 目標設定 階段三:調整執行心態 目標設定 階段四:目標設定覆盤
2023/05/29
2
掌握時間管理 3 個核心技巧,讓你工作與學習無往不利!
時間管理 技巧一:縱覽全局、明訂目標 時間管理 技巧二:善用零碎時間 時間管理 技巧三:根據目標校正心態
2023/05/20
6
自學程式語言前,你真正該注意的問題解決技巧
在轉職寫程式、自學程式語言的過程中,最害怕的莫過於遇到無從下手的問題。透過實際案例分享,讓零基礎從零到一的程式新手,也能快速學會如何解決複雜問題。
2023/05/12
10
如何以恰當的心態學習任何事物 How do I learn anything?
在學習寫程式或新技能時,過程一定非常痛苦,更別說能夠利用通勤時間來學習。我在四個月的在職學習期間,累積近 40 個小時的課程時間,超過 300 則的學習筆記。就來看看我是怎麼做到的吧!
2023/05/03
18
2
(下篇)為什麼目標設定又失敗?實戰目標管理 4 階段,讓你達成夢想目標!
接續上一篇 (上篇)為什麼目標設定又失敗?實戰目標管理 4 階段,讓你達成夢想目標!,本篇來說明四個階段的「階段三」和「階段四」: 目標設定 階段三:調整執行心態 目標設定 階段四:目標設定覆盤 這個階段,也是超過 70% 的機率,是採取正確的心態,與持續調整步伐。讓該專案意外順利堅持,並最終完成目
2023/05/29
5
(上篇)為什麼目標設定又失敗?實戰目標管理 4 階段,讓你達成夢想目標!
目標設定 階段一:確認當前目標 目標設定 階段二:設定可行目標 目標設定 階段三:調整執行心態 目標設定 階段四:目標設定覆盤
2023/05/29
2
掌握時間管理 3 個核心技巧,讓你工作與學習無往不利!
時間管理 技巧一:縱覽全局、明訂目標 時間管理 技巧二:善用零碎時間 時間管理 技巧三:根據目標校正心態
2023/05/20
6
自學程式語言前,你真正該注意的問題解決技巧
在轉職寫程式、自學程式語言的過程中,最害怕的莫過於遇到無從下手的問題。透過實際案例分享,讓零基礎從零到一的程式新手,也能快速學會如何解決複雜問題。
2023/05/12
10
如何以恰當的心態學習任何事物 How do I learn anything?
在學習寫程式或新技能時,過程一定非常痛苦,更別說能夠利用通勤時間來學習。我在四個月的在職學習期間,累積近 40 個小時的課程時間,超過 300 則的學習筆記。就來看看我是怎麼做到的吧!
2023/05/03
18
2
加入沙龍