前端 API 架構分享

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

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

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

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

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

[筆記] 處理 JavaScript 非同步

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

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

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

[筆記]關於 JavaScript 中的型別

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

[Design Pattern]工廠模式 Factory

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

[Design Pattern]迭代器 Iterator

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

[Design Pattern]單體模式

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

設計模式-外觀模式

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

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

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

Continue, Break, Return 的差異

• Continue
• Break
• Return

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

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

淺談 JavaScript 原型鍊

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

PWA 網頁推播實作

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

PWA 簡單介紹和實作

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

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

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

網頁爬蟲(Web Crawler)

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

網頁插件

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