大頭貼

你好,我是 ChuYK

實習前端工程師 / JavaScript 開發者。熱衷於網頁性能優化、資料視覺化與工具開發,喜歡以函式與元件化思維拆解問題。

我做什麼(JavaScript 技術重點)

互動示範(原生 JavaScript)

1) 防抖搜尋(Debounce)

輸入框每次鍵入都會觸發 input 事件,但透過防抖,只有停止輸入一段時間後才會模擬送出「搜尋請求」。

鍵入次數:0, 已送出請求(防抖後):0
查看核心程式碼(debounce)
function debounce(fn, delay = 300) {
let timer = null
return (...args) => {
clearTimeout(timer)
timer = setTimeout(() => fn.apply(null, args), delay)
}
}

2) JSON 格式化 / 壓縮工具

使用內建 JSON.parse / JSON.stringify 完成 JSON 驗證與排版。


      
    

3) GitHub Repos 取得(fetch + async/await)

輸入 GitHub 使用者名稱,抓取公開倉庫後依 Star 數排序,顯示前 5 個。

    提示:未輸入時預設會嘗試載入此頁作者的帳號。GitHub API 可能受速率限制。

    聯絡

    電子郵件:Mail