提示:本网站现在为维护调试状态

Frontend

4 篇
TypeScript 高級類型體操

TypeScript 高級類型體操

TypeScript 的類型系統堪比一門完整的編程語言。本文系統講解條件類型、映射類型、模板字面量類型、infer 推斷、遞歸類型、分佈式條件類型等高階特性。配合 15+ 真實工具類型實現(DeepPartial、PathOf、PickByType、CamelCase 等),帶你掌握 type-challenges 中級難度以上的解題思路。

Choyeon
Choyeon·2026年8月25日 1 分鐘閱讀
357 8 0
React 18 Hooks 最佳實踐

React 18 Hooks 最佳實踐

React 18 引入了並發渲染、自動批處理、useTransition、useDeferredValue 等革命性特性。本文系統梳理 useState/useEffect 的正確用法、useMemo/useCallback 的優化邊界、自定義 Hook 的設計模式,以及並發模式下避免陳舊閉包、競態條件等陷阱的完整指南,幫助你寫出更健壯的 React 18 代碼。

Choyeon
Choyeon·2026年8月22日 1 分鐘閱讀
655 13 0
Vue 3 組合式 API 實戰

Vue 3 組合式 API 實戰

Vue 3 的組合式 API (Composition API) 徹底改變了 Vue 組件的組織方式。本文通過構建一個複雜的電商篩選器組件,演示 ref/reactive 的選擇、computed/watch 的合理使用、自定義組合函數 (Composable) 的抽離原則、生命週期鉤子的時機以及 provide/inject 進行跨層級狀態傳遞的正確姿勢。

Choyeon
Choyeon·2026年8月21日 1 分鐘閱讀
735 5 0
Nuxt 3 進階 - SSR 與 SSG 深度解析

Nuxt 3 進階 - SSR 與 SSG 深度解析

Nuxt 3 基於 Vue 3 和 Vite 構建,帶來了全新的渲染引擎 Nitro。本文深入剖析服務端渲染(SSR)、靜態站點生成(SSG)、增量靜態再生(ISR)三種核心模式的工作原理、適用場景與性能差異。配合真實代碼演示如何配置渲染策略、優化首屏加載時間、處理緩存策略,打造極致用戶體驗。

Choyeon
Choyeon·2026年8月19日 1 分鐘閱讀
523 7 0