haotianblog
This is a bilingual technical blog for algorithm notes, programming write-ups, project logs, and downloadable companion materials. The goal is to publish durable references that remain useful after the initial work is done.
How to enter the site from a problem
| Your current question | Recommended entry point | Evidence you should expect |
|---|---|---|
| You want to understand a machine learning workflow from scratch | Machine Learning From Scratch | Data splits, feature processing, baselines, metrics, and small C/Python experiments. |
| You want to see how recursive algorithms actually move | Algorithm Visualization | Search state, pruning rules, bitmask changes, output checks, and playground traces. |
| You want to debug real website networking behavior | Network Fundamentals Visualized | DNS, TLS, proxies, caches, status codes, response headers, and layered evidence tables. |
| You want a reviewable AI or battery project | Student AI Projects and Battery Modeling for AI | Data source, label definition, validation split, error analysis, and deployment boundaries. |
AI learning path Start the AI foundations route Read the AI series in order and continue from the next unfinished step.
- 1 AI Basics Learning Roadmap
- 2 Machine Learning Workflow
- 3 Model Training and Evaluation
- 4 Neural Network Basics
- 5 Matrix Calculus for Neural Networks
- 6 Backpropagation as a Computation Graph
- 7 Gradient Descent and Optimizer Geometry
- 8 Convolution and Receptive Field Math
- 9 Transformer Attention Math
- 10 LLM Visualizer
- 11 Python AI Mini Practice
- 12 AI Security Threat Modeling
- 13 Adversarial Examples and Robust Evaluation
- 14 Data Poisoning and Backdoor Defense
- 15 Model Privacy and Extraction Defense
- 16 LLM, RAG, and Agent Security
Learning path Read the algorithm notes in order A short path through the strongest current articles, code, dataset, and diagrams.
Survey feedback
Active surveys appear here. Open one to answer it on a dedicated page and view statistics on a separate results page.
The Usage of Social Media of College Students
A short questionnaire about how college students use social media.
Structured navigation
All destinations
Start here
Learn and explore
Resources and downloads
Feedback, contact, and policies
Explore next
- Network Fundamentals Visualized from DNS, TLS, and HTTP/3 to proxy tunnels, load balancing, and shared caches with reproducible labs
- Battery Modeling for AI Data for reading PyBaMM, EISSimulation, aging simulations, and trainable labeled datasets
- AI Security Engineering from threat modeling to adversarial examples, poisoning, privacy, and LLM/RAG/Agent controls
- Deep Learning / CNN tutorials from neural network basics to CIFAR-10 Tiny CNN image classification
- Machine Learning From Scratch for K-means, Iris, feature processing, and evaluation
- Algorithm Visualization for eight queens, backtracking, bitmasks, and the playground
- Animation Asset Lab for turning local character images into SVG, layered PNGs, and an asset manifest
- Student AI Projects from a handwritten digit C classifier to browser demos and CNN work
- Share Center with tracked direct links, copy-ready blurbs, and social platform actions
- Tools for browser-side image conversion into truecolor Unicode quadrant ANSI files
- Algorithm playground for running the eight queens search, Iris K-means, and handwritten digit demos
- Knowledge map for connecting projects, posts, resources, and learning routes
- Projects for timelines, topic hubs, and the next planned notes
- Downloads for code, data, and diagrams
- Transformer Attention Math for hand-calculating Q/K/V, softmax, masks, multi-head attention, and KV cache
- HTTP/2, HTTP/3, and CDN Cache Waterfall comparing protocol overhead, cache state, and request timing
- Data Poisoning and Backdoor Defense covering poison rate, trigger behavior, attack success rate, and pipeline controls
What this site focuses on
- Algorithm and data-structure articles with implementation details and debugging notes
- C and Python code walkthroughs that explain why the implementation works
- Project notes covering deployment, maintenance, and site-building decisions
- Downloadable code, diagrams, datasets, and supporting files that belong to each article
Where to start
The current site is strongest on technical blog posts and downloadable materials. Start here if you want concrete examples:
- Network fundamentals series calculating request paths, proxy boundaries, queues, and cache state with code and figures
- Battery modeling for AI series using PyBaMM to generate traceable aging, impedance, and SOH/RUL label examples
- AI foundations series from core concepts to a Python classification practice
- AI security series connecting NIST, MITRE ATLAS, OWASP, robust evaluation, privacy, and safe toy labs
- Handwritten digit project series from CSV structure and the C softmax classifier to the browser playground
- Convolution and Receptive Field Math deriving output size, receptive fields, padding, stride, and im2col layout
- Transformer Attention Math from single-head attention arithmetic to multi-head structure and KV cache
- Tools for downloadable .ans output that can be displayed with cat in a truecolor terminal
- Animation Asset Lab as the first step in 2D animation asset preparation
- Share Center for direct links you can send to classmates or readers
- Downloads for code, data, and diagrams
- K-means clustering on the Iris dataset in C
- Eight queens with classic backtracking
- Bitwise optimization for the eight queens problem
Publishing direction
The Chinese side currently contains the most complete long-form articles. The English side is being expanded into a clearer landing surface for summaries, project context, and future translated or original posts.
