前言
基於 Vitepress 搭建的文檔專案,持續整理過去所有技術筆記,也是自我理解的再次檢視。
Browser
- HTTP 超文本傳輸協定
- Cookie
- TCP 傳輸控制協定
- XHR (XMLHttpRequest) 與
服務端
資料交換的物件方法 - AJAX (非同步 Javascript 與 XML 技術)
- 瀏覽器輸入網址後發生的事
- Restful API 路由語義化設計風格
- CDN 內容分發網路
- 申請 Google OAuth 2.0 憑證
- 加入 Apple 開發者計劃
- Web Server 與 Application Server
- 正向代理與反向代理
- HTTP 請求壓縮
Web 3.0
Javascript
- BOM 瀏覽器物件模型
- DOM 文件物件模型
- Virtual DOM
- Event Loop 事件循環
- Date 時間觀念與處理
- Promise 非同步處理
- Closure 閉包
- 封裝「鏈式」函式庫
- Prototype chain 原型鏈與繼承
- Class 類
- Hoisting 提升
- By Value && By Reference 傳值傳址
- Shallow Copy Deep Copy 深拷貝與淺拷貝
- Cookie 操作
- 解構賦值
- Side Effect 副作用
- 誰是 this ?
- <script> 非同步資源載入與安全驗証
- Math 數學函式
- Variable 變數
- Notification 推播信息
- Websocket 客戶端與服務端雙向資料傳輸
- Websocket 基礎操作
- Web APIs
- Geolocation API 取得裝置地理位置
- 解析網址查詢參數 URLSearchParams
- getter 與 setter
- 物件屬性定義 Object.defineProperty
- Proxy 物件代理
- Web Component 自定義組件
- 懶加載圖片 DEMO Lazy image
- SpeechSynthesis 語音合成器
- 懸浮視窗 (子母視窗) PIP
GSAP
Vue
Component
Router
Config
Third Party
Perf
Vue3
- Vue3 生命周期
- 資料響應 reactive && ref
- 計算屬性 computed
- 監聽器 watch
- ref 模板元素引用
- 組件基礎
- 依賴注入 provide && inject
- 組件 v-model 雙向綁定
CSS
Grid 網格系統佈局
程式設計
- Constructor 建構函式
- Factory Function 工廠函式
- Constructor VS Factory Function
- Pure Function 純粹函式
- Functional Programming 函式程式設計
- SOLID 設計原則
- MVVM 軟體架構