Yu Ken Code

Js 技術文分享

api-structure

前端 API 架構分享

  • 資料夾切分方式
  • 套件選用
  • 實作每次換頁面自動 abort 功能
  • 心得

array-detail

[筆記] JavaScript 中 Array 的眉眉角角

  • 避免建立稀疏陣列
  • 字串當鍵值的注意事項
  • 類陣列(Array-Likes)
  • 字串

array-object

[JS]為何要陣列或物件?陣列及物件常見操作方式

  • 為何需要陣列?
  • 為何需要物件?
  • 陣列常見操作方式
  • 物件常見操作方法
  • 陣列物件混合

async

[筆記] 處理 JavaScript 非同步

  • 何謂非同步?
  • Promise 相關方法整理

closure

[筆記]為何 Closure 在 JavaScript 中會這麼重要?

  • 關於全域變數的優點與缺點
  • 語彙範疇(Lexical Scope)的應用
  • Closure 讓內部變數被記住
  • React Hook 中 Closure 無所不在
  • 結論

data-types

[筆記]關於 JavaScript 中的型別

  • JavaScript 中的型別
  • 令人混淆的型別
  • 使用 typeof 作為安全性檢查
  • 結論

design-pattern-factory

[Design Pattern]工廠模式 Factory

  • 何謂 Factory?
  • 為何需要 Factory ?
  • 結論

design-pattern-iterator

[Design Pattern]迭代器 Iterator

  • 何謂迭代器模式?
  • JavaScript 中迭代器

design-pattern-singleton

[Design Pattern]單體模式

  • 何謂單體模式
  • 為何需要單體模式?
  • 單體模式可能面臨的問題
  • 在 JavaScript 中實踐單體模式

facade-pattern

設計模式-外觀模式

  • 簡介
  • 使用時機
  • 範例
  • 與其他模式差異
  • 參考資料

floating-point

[筆記]浮點數(Floating Point)整理

  • 何謂浮點數?
  • 為何需要浮點數?
  • 最令人困惑的問題 0.1 + 0.2 ≠ 0.3
  • 那要怎麼解決這種小數點精算的問題?
  • 結論

iteration

Continue, Break, Return 的差異

  • Continue
  • Break
  • Return

js-type-structure

[JS]為何需要 JavaScript? JavaScript 的資料型別與資料結構

  • 為何需要 JavaScript?
  • JavaScript 的資料型別
  • JavaScript 的資料結構

prototype

淺談 JavaScript 原型鍊

  • 何謂原型鍊?
  • 為何需要原型鍊?
  • _ _ proto _ _和 prototype 差異

pwa-notification

PWA 網頁推播實作

  • 推播流程架構圖
  • 註冊 service worker
  • 詢問是否接受推播
  • 取得使用者推播的 token 發給 Server
  • Server 依照推播的 token 發送推播給註冊者
  • 心得

pwa

PWA 簡單介紹和實作

  • 何謂 PWA,他解決了什麼?
  • Service Worker
  • Manifest json
  • 跨瀏覽器及裝置問題
  • 實作
    • 加到 home screen
    • 離線使用

svelte

Svelte 的優點及缺點,前端框架新的解決方法

  • 怎麼會出現 Svelte ?
  • 語法上有什麼不一樣呢?
  • 結論

web-crawler

網頁爬蟲(Web Crawler)

  • 何謂爬蟲?為何需要?
  • 常見爬蟲方法
  • 反爬蟲
  • 範例

web-extension

網頁插件

  • 何謂網頁插件?
  • 插件種類
  • 動手做一個吧