Web Totals
hunghg.blog

Blog / Series

Học từ mã nguồn WhatsApp Web19

Đọc bundle WhatsApp Web 2020: giải mã JPEG progressive có HMAC, kho media tự co theo quota, render tin nhắn theo cửa sổ, emoji trie, chống homograph… mỗi bài có code viết lại và demo chạy trong bài.

Mở đầu

00Học từ mã nguồn WhatsApp Web: đọc bundle webpack năm 2020

Phần 1: media và mã hoá

01Học từ WhatsApp Web #1: Giải mã JPEG progressive theo từng scan02Học từ WhatsApp Web #2: Ghép khoảng byte cho video streaming03Học từ WhatsApp Web #3: Xoá EXIF không nén lại, thumbnail vừa 20 KB04Học từ WhatsApp Web #4: Đọc metadata sticker WebP động

Phần 2: lưu trữ trên trình duyệt

05Học từ WhatsApp Web #5: Kho media LRU tự co theo quota06Học từ WhatsApp Web #6: Cache blob có refcount, tự revoke objectURL07Học từ WhatsApp Web #7: Khoá IndexedDB giữ đúng thứ tự từ điển

Phần 3: danh sách tin nhắn

08Học từ WhatsApp Web #8: Render tin nhắn theo cửa sổ chiều cao ước lượng09Học từ WhatsApp Web #9: Theo dõi viewport tin nhắn bằng binary search10Học từ WhatsApp Web #10: FlatList tái dùng key React khi cuộn

Phần 4: soạn tin và chữ

11Học từ WhatsApp Web #11: Emoticon thành emoji bằng trie đọc ngược12Học từ WhatsApp Web #12: Mention bằng token zero-width13Học từ WhatsApp Web #13: Xác định hướng chữ bằng bảng delta nén14Học từ WhatsApp Web #14: Phát hiện homograph trong link, chặn RTLO

Phần 5: realtime và tiện ích

15Học từ WhatsApp Web #15: Presence, "đang gõ" và thông báo nhóm16Học từ WhatsApp Web #16: Đo FPS phát hiện UI đóng băng, idle monitor17Học từ WhatsApp Web #17: Cửa sổ PiP resize 8 hướng, khoá tỉ lệ, né vật cản18Học từ WhatsApp Web #18: Parse giá tiền theo locale bằng Intl