健忘工程師

【HTML】解決 Lazy loading 導致滾動定位不準的問題

2025-04-14Frontend / Html

【HTML】解決 Lazy loading 導致滾動定位不準的問題

本篇重點

解決 Lazy loading 導致 .scrollIntoView() 滾動定位不準的問題
檢查目標元素是否進入視窗的方式
.getBoundingClientRect()、window.innerHeight、.clientHeight 的應用

# frontend # html # javascript

【MySQL】DQL 指令的執行順序與效能優化

2025-03-25Backend / MySQL

【MySQL】DQL 指令的執行順序與效能優化

本篇重點

了解 DQL 指令的執行順序，從 FROM 到 LIMIT/OFFSET
每個步驟會產生一張虛擬表供下一步驟使用，透過執行順序，可以減少不必要的資料處理，提升查詢效能
各個 DQL 指令的使用重點

# backend # mysql # database # db

【Html】自定義屬性：data-* 的命名規則和取值方法

2025-03-13Frontend / Html

【Html】自定義屬性：data-* 的命名規則和取值方法

本篇重點

屬性必須以 data- 為前綴
建議使用 kebab-case 命名
data-* 的常見應用時機
JavaScript 使用 dataset. 取值
jQuery 使用 .data() 或是 .attr() 取值

# jquery # frontend # html # javascript

【PHP】五種實用的日期時間函數

2025-02-26Backend / PHP

【PHP】五種實用的日期時間函數

本篇重點

time() 取得當前時間戳記
date() 格式化時間
strtotime() 將字串轉換為時間戳記
mktime() 建立時間戳記
checkdate() 驗證日期是否有效

# php # backend # timestamp

【Git】使用 git rebase 整理提交歷史

2025-02-14Other / Git

【Git】使用 git rebase 整理提交歷史

本篇重點

如果有尚未提交的變更，無法使用 git rebase
git rebase 合併不會產生額外的合併提交，但是會變更原本的提交 ID
git rebase -i（互動式 rebase）編輯功能
使用 git rebase -i 調整提交順序、修改提交訊息、修改提交內容、合併提交、刪除提交
git rebase 的注意事項

# terminal # git # github

複製完成