所有文章
2024
2023
2023 回顧
2023 的回顧與 2023 目標
kubernetes 基本概念
學習 kubernetes 基本概念
Web Conf 2023 心得
紀錄參加 Web Conf 2023 心得
觀察者模式
觀察者模式
訂閱發佈者模式
訂閱發佈者模式
Laravel Vue Conf 2023
紀錄參加 Laravel Vue Conf 2023 心得
「Vue 設計與實現」響應系統原理（十）- watch 監聽器
「Vue.js 設計與實現」之讀書筆記與整理 - watch 監聽器
「Vue 設計與實現」響應系統原理（九）- 透過調度器、懶執行實現 computed 計算屬性
「Vue.js 設計與實現」之讀書筆記與整理 - 透過 effectRegister 的調度器、懶執行特性，來實現 computed 計算屬性的封裝，並在內部建立快取功能節省計算成本
「Vue 設計與實現」響應系統原理（八）- 基於 scheduler 實作任務隊列 jobQueue
「Vue.js 設計與實現」之讀書筆記與整理 - 基於 scheduler 實作任務隊列 jobQueue
「Vue 設計與實現」響應系統原理（七）- scheduler 調度器
「Vue.js 設計與實現」之讀書筆記與整理 - scheduler 調度器
「Vue 設計與實現」響應系統原理（六）- 避免無限遞迴
「Vue.js 設計與實現」之讀書筆記與整理 - 避免無限遞迴
「Vue 設計與實現」響應系統原理（五）- 巢狀的 effect
「Vue.js 設計與實現」之讀書筆記與整理 - 巢狀的 effect
「Vue 設計與實現」響應系統原理（四）- cleanup 副作用回收機制
「Vue.js 設計與實現」之讀書筆記與整理 - cleanup 副作用回收機制
「Vue 設計與實現」響應系統原理（三）- 更完善的副作用桶子
「Vue.js 設計與實現」之讀書筆記與整理 - 更完善的副作用桶子
「Vue 設計與實現」響應系統原理（二）- 提高響應系統對副作用函式收集的彈性
「Vue.js 設計與實現」之讀書筆記與整理 - 提高響應系統對副作用函式收集的彈性
「Vue 設計與實現」響應系統原理（一）使用 Proxy 簡單設計一個響應系統
「Vue.js 設計與實現」之讀書筆記與整理 - 使用 Proxy 簡單設計一個響應系統
「Vue 設計與實現」1-2 框架設計的核心要素
「Vue.js 設計與實現」之讀書筆記與整理
「Vue 設計與實現」1-1 權衡的藝術
「Vue.js 設計與實現」之讀書筆記與整理
JS 雙波浪符（~~）
JavaScript NOT 運算符在實際場景的運用案例
SOLID 依賴反轉原則
SOLID 依賴反轉原則（DIP, Dependendy Inversion Principle）
SOLID 介面隔離原則
SOLID 介面隔離原則（ISP, Interface Segregation Principle Substitution Principle）
SOLID 里氏替換原則
SOLID 里氏替換原則（LSP, Liskov Substitution Principle）
SOLID 開放封閉原則
SOLID 開放封閉原則（OCP, Open-Closed Principle）
SOLID 單一職責原則
SOLID 單一職責原則（SRP, Single Responsibility Principle）
「Vue 設計與實現」學習重點
「Vue.js 設計與實現」之讀書筆記與整理
onbeforeunload
使用 onbeforeunload 在即將離開當前頁面時，執行事件
使用 computedEager 優化渲染效能
使用 vueuse computedEager 來優化 computed 因為懶計算的特性，間接導致的無意義重新渲染
scroll-snap
使用 CSS scroll-snap 滾輪事件像幻燈片一樣滑順
淘汰舊電腦，換新的 MacBook
花費 $35,690 汰舊換新，購入我的 MacBook Pro M1 14 吋
用 Nuxt Content 重寫我的部落格
分享 Nuxt 官方網站文件使用的 Nuxt Content 重寫我的部落格心得
Dockerfile 撰寫
Dockerfile 撰寫的各指令意思
Docker 指令
紀錄關於 docker 的指令
自己打包一個 docker image（linux + git + node + pnpm）
透過 alpine image 建立容器，並在容器內建立環境，包含 git + node + pnpm，重新把容器打包成 image，並上傳到 DockerHub
如何在公開場合學習
學習如何在公開場合學習，來記錄自己的成長，誠實面對自己的不完美與建立自己的品牌
2022
2022 回顧與 2023 目標
2022 的反省與 2023 立下的目標與長期的核心目的
緯育 Tibame【手把手帶你跑敏捷】如何落實技術實踐心得
學習敏捷開發流程實踐的心得紀錄
建立可讀性高的 git 提交吧！
良好的 git message 可以使提交紀錄看起來更友善，也更好在未來追蹤
如何切換 Git 遠端分支
更換 Git 綁定好的遠端分支的方法
樹的走訪：寬度優先走訪（BFS）、深度優先走訪（DFS）
樹（Tree）演算法的筆記
Tree 樹
樹（Tree）資料結構的學習筆記
Hash Table（四）實作一個 Hash Table
實作一個 Hash Table
Hash Table（三）什麼是 Hash Table 雜湊表？
講解 Hash Table 的意思
Hash Table（二）Hash Function 雜湊法？
講解 Hash Function 的意思
Hash Table（ㄧ）為什麼要有雜湊表？
講解為什麼要有雜湊表？
Queue 列隊
Queue 資料結構的學習
Stack 堆疊
Stack 資料結構的學習
Doubly Linked List（雙向連結串列）
Doubly Linked List（雙向連結串列） 資料結構的學習
Linked List(連結串列)
Linked List(連結串列) 資料結構的學習
學習動機與目標
學習資料結構與演算法的動機與目標
轉職成前端工程師一年後的檢討
轉職後一年後的回顧與反省