proto.lib

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
Search Autocomplete / Typeahead

Tags

#autocomplete#typeahead#trie#prefix-search#caching

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 StudyTrung bình

Unfurl link preview (title/ảnh) khi dán URL

Khi người dùng dán một URL, hệ thống fetch trang đó ở phía server để lấy Open Graph/meta tag, tải lại ảnh rồi cache theo URL — nhưng vì đây là fetch tới địa chỉ do kẻ tấn công kiểm soát, phần thiết kế thật sự nằm ở việc chặn SSRF (private/link-local IP, redirect vào mạng nội bộ), giới hạn timeout/size và rate limit theo user.

#ssrf#link-preview#opengraph#worker-queue
Case StudyTrung bình

Social Graph - Truy vấn bạn của bạn (2-hop)

Thiết kế graph store lưu quan hệ bạn bè quy mô lớn và cách phục vụ truy vấn friends-of-friends 2-hop hiệu quả bằng cache và giới hạn fan-out.

#social-graph#graph-database#friends-of-friends#fan-out
Case StudyTrung bình

Tổng hợp giá vé máy bay từ nhiều nhà cung cấp

Hệ thống tìm chuyến bay fan-out truy vấn tới nhiều provider/GDS song song, cache và khử trùng lặp kết quả trước khi trả về cho người dùng.

#fan-out#fare-aggregation#caching#deduplication