Search Autocomplete / Typeahead
Truy vấn prefix, debounce phía client, dùng trie/prefix index phía server, xếp hạng gợi ý và cache các prefix phổ biến.
Case StudyTrung bình2026-07-02
Tài liệu tham khảo
Mở rộng
Animation gốc là một file HTML tự chứa, có thể nhúng lại ở bất kỳ trang nào khác. Mở file gốc
Liên quan
Case StudyCơ bản
Thiết kế URL Shortener
Sinh short key bằng base62 của id hoặc hash, lưu mapping, redirect 301/302 khi lookup, cache các key hot.
#url-shortener#base62#redirect#caching
Case StudyTrung bình
Cache-Aside và Thundering Herd
Mẫu cache-aside đọc dữ liệu qua cache trước khi vào DB, nhưng khi một key nóng hết hạn, thundering herd khiến nhiều request cùng dồn vào DB.
#caching#cache-aside#thundering-herd
Case StudyNâng cao
Write-Ahead Log (WAL) Durability
Ghi thay đổi vào log kèm fsync trước khi áp dụng lên data page; khi crash, hệ thống replay log đã commit để phục hồi.
#wal#durability#fsync#crash-recovery