How Browsers Work · Part 17 — Memory Deep: Heap Snapshots, Leaks & Detached DOM
Điều tra rò rỉ bộ nhớ bằng heap snapshot, Comparison và retainer path; hiểu detached DOM, Oilpan/V8 GC, weak references và giới hạn của phép đo memory.
Filter/Tag
#debugging
19 entries
-
-
How Browsers Work · Part 12 — Capstone 1: Debugging Performance Through Internals
Turn the foundational arc into a debugging superpower: read a DevTools Performance trace through processes, threads, the rendering pipeline and the event loop, then map symptoms to root causes.
-
Web Performance · Part 22 — Capstone 2: Systematic Performance Investigation
Ghép mọi phần chuyên sâu thành khung chẩn đoán triệu chứng → metric → công cụ → cách sửa, từ field data tới nguyên nhân gốc xuyên mọi tầng.
-
Git nâng cao thực dụng: switch, patch, worktree, reflog và bisect
Cẩm nang Git nâng cao theo tình huống thực tế: tách commit bằng patch, chuyển thay đổi, làm nhiều branch song song, tìm commit gây lỗi và phục hồi lịch sử an toàn.
-
Hiểu sâu Git HEAD, refs và reflog — Workflow chuyên nghiệp, phục hồi tự tin
Mental model Git dành cho developer: HEAD và branch thực sự là gì, cách đọc revision, phân biệt reset/restore/revert, dùng reflog cứu lịch sử và workflow an toàn khi làm việc nhóm.
-
Service Workers · Phần 19 — Hiệu năng & gỡ lỗi chuyên sâu
Chi phí khởi động service worker, cái bẫy fetch handler rỗng làm chậm mọi request, ngân sách precache, gộp request trùng (coalescing), tận dụng asset immutable, và bộ công cụ đo lường SW trong DevTools.
-
LangChain + LangGraph — Build và debug model flow như một state machine
Hướng dẫn TypeScript dùng LangChain cho prompt và structured output, LangGraph cho state, branch và loop; rồi debug từng node bằng streaming, trace, breakpoint và time travel.
-
Video Engineering · Phần 5 — Quy trình kiểm tra media bằng ffprobe
Dùng ffprobe đọc format, stream, packet và frame dưới dạng JSON; sau đó rút gọn dữ liệu thành báo cáo đủ nhỏ để debug, review asset và tự động hóa pipeline.
-
Docker for Developers · Part 18 — Kubernetes Observability & Incident Response
Từ alert tới nguyên nhân: logs, metrics, traces, events, kubectl debug, SLO và quy trình incident có evidence, rollback và postmortem.
-
Domain, DNS & Hosting · Phần 10 — Zero-downtime migration và debug theo tầng
Capstone chuyển hosting/DNS không downtime: hạ TTL đúng lúc, dual-run và đồng bộ dữ liệu, acceptance matrix, rollback threshold, rồi debug NS/DS/A/TLS/HTTP/app.
-
Command Line cho Developer · Part 7 - Processes, Ports & System Debugging
Debug máy dev bằng CLI: ps, pgrep, kill, lsof, ss/netstat, nc, top/htop, env, PATH, command -v, df/du và recipe xử lý port bị chiếm.
-
Proxyman — HTTP Debugging toàn tập cho Developer & Tester
Hướng dẫn Proxyman từ cơ bản đến pro: capture & decrypt HTTPS, filter nâng cao, Compose/Repeat, Breakpoint sửa request/response on the fly, Map Local/Remote, Scripting JS, throttling, mobile, và workflow thực chiến.
-
Nginx from Zero to Production · Part 5 — Production Config & Debugging
Tie it together: a complete real-world config (SPA + API proxy + cache + TLS), reusable includes, Docker & Compose deploy, worker tuning, a debugging cheat-sheet for the errors you will actually hit, and a capstone project.
-
Finding and Fixing Bugs với AI — Debug workflow không bị dắt mũi
Cấu trúc debug với AI: reproduce trước, hypothesis sau, fix cuối. Kỹ thuật minimal repro, git bisect với AI, stacktrace decoding, heisenbug hunting, và lý do vì sao AI thường fix sai khi bạn chưa verify cause.
-
JavaScript Memory Management & Leak Hunting — V8 GC, DevTools, and Production Signals
How V8 garbage collection works, why leaks are reachability bugs, classic frontend leak patterns, WeakRef tradeoffs, and a DevTools hunting workflow.
-
JavaScript Error Handling & Resilience — try/catch Limits, Global Handlers, and Production Patterns
Senior deep-dive: Error object anatomy, what try/catch cannot catch, custom errors with cause, async patterns, global handlers, retries, and monitoring.
-
Docker for Developers · Part 10 — Kubernetes in Practice & Debugging
Đưa workload Kubernetes tới mức production-shaped với config, probes, resources, rollout và playbook debug sự cố bằng kubectl.
-
Docker for Developers · Part 8 — Debugging & Troubleshooting Docker
Playbook debug Docker theo evidence: status, logs, inspect, events, stats; xử lý exit code, OOM, port, cache, network và disk.
-
Source Maps — How Debugging Survives the Build Process
A bilingual deep-dive into source maps: what they are, how they work internally (VLQ encoding, mappings field), how to generate and configure them, and best practices for production debugging.