The Life of a Game Component: From Load to Screen
An analysis of how mini-game containers cooperate with game engines, tracing a game component's full lifecycle from script loading and rendering context through to final on-screen display.
Exploring and Building an AI Mental Wellness App
Chronicles the design behind MoFlow, an AI wellness app that breaks expressive writing into five stages, paired with mood tracking and CBT-based analysis.
Mac Niche App Recommendations and Workflow Sharing (2024)
Shares niche Mac apps and workflows built over years of work, covering note-taking tools, task management, developer tools, and AI search and chat products.
Airing's Consultation Service
Airing launches two consultation options: free letters for listening and advice, plus a paid 50-minute call covering career, tech, and writing questions.
Personal Toolkit and Gear Recommendations
A rundown of the author's personal tech stack, from MacBook, iPhone, and HHKB keyboard hardware picks to the Raycast, HeptaBase, Readwise, Todoist, and Fantastical software he actually relies on daily.
Inside Big Tech's In-House Cross-Platform Frameworks
A deep dive into four directions behind big tech's in-house cross-platform frameworks, unpacking how Kun, WebF, and Weex 2.0 choose script engines and implement CSS, with trade-offs compared.
The Chromium Rendering Pipeline — From Bytes to Pixels
A breakdown of Chromium's browser architecture and process model, tracing how Blink and V8 evolved, and detailing what the main and compositor threads do inside the Render Process.
Case Sensitivity in Frontend Development
This post catalogs case-sensitive scenarios in frontend development: HTTP headers, URLs, cookies, CSS, and traces Chromium and Blink source code to find where header names get lowercased.
Engine Internals: String-to-Number Conversion in JavaScript
Compares nine ways to convert strings to numbers in JavaScript, benchmarks them, and traces how parseInt and parseFloat are implemented inside the V8 engine.
Flutter Build Artifact Analysis and Size Reduction
A two-part look at Flutter build artifact composition and size-reduction techniques, covering the principles, methods, and implementation details for slimming down iOS and Android Flutter apps.
Roam Research Best Practices — Knowledge Management and Task Management
Shares a knowledge and task management workflow built around Roam Research, covering its Page/Block linking, tagging system, and daily task review habits.
Flutter Exception Handling: Canary Rollout and Graceful Degradation
A rundown of Flutter exception types and capture methods, followed by a canary rollout and graceful degradation scheme designed to improve production stability for Flutter apps.
Flutter Core Principles and Hybrid Development Modes
Starting from Flutter's rendering principles, this post compares three cross-platform approaches and systematically explains four Flutter hybrid development modes with engineering practices.
Exploring Flutter Hybrid Development Framework Patterns
An analysis of the core capabilities a Flutter hybrid framework needs, such as navigation stack and lifecycle management, examined through Flutter Boost, Thrio, and QFlutter architectures.
Flutter Boost Hybrid Development: Practice and Source Code Walkthrough
An overview of Flutter Boost, Xianyu's open-source Flutter hybrid framework, walking through its shared-engine architecture, page lifecycle management, and container communication source code.
React Hooks Source Deep Dive (4): useEffect
Fourth in a React Hooks source-code series, explaining why useEffect replaces lifecycle methods, its dependency array, and how it's implemented in React.
React Hooks Source Deep Dive (3): useState
Third in a React Hooks source-code series, focused on useState: its usage and rules, building a minimal implementation before dissecting the React source.
React Hooks Source Deep Dive (2): Component Logic Reuse and Extension
Second in a React Hooks source-code series, comparing five ways to reuse component logic: Mixins, class inheritance, higher-order components, and render props.
React Hooks Source Deep Dive (1): Class Components, Function Components, and Pure Components
First in a React Hooks source-code series, comparing class, function, and pure components, and tracing how PureComponent controls re-rendering in React.
Development Experience Sharing: 2life Diary
The founder of 2life Diary shares the team's product workflow: initiation, design, development, and maintenance, plus tooling choices and issue-tracking practices.
Frontend Security | HPP Attack Examples and Prevention
An explanation of HTTP Parameter Pollution (HPP) attacks, illustrated with a real HackerOne social-share-button vulnerability, covering common attack techniques and corresponding defenses.
Frontend Security | XST Attack Principles and Prevention
Explains how Cross-Site Tracing (XST) abuses TRACE/TRACK requests to expose httpOnly cookies and other sensitive headers, plus defenses like disabling TRACE and browser restrictions.
Frontend Security | CSRF Attack Techniques and Defenses
A guide to CSRF: how GET, POST, and link-based attacks work, and how same-origin checks, SameSite cookies, and synchronizer tokens compare as defenses.
Frontend Security | XSS Attack Techniques and Prevention
A technical rundown of reflected, stored, DOM-based, and JSONP XSS attacks with examples, plus defenses covering input/output escaping, CSP headers, and HttpOnly cookies.
Web-Based Terminal Blog System
Walks through building a web-based terminal-emulator blog, covering the Mac Terminal-styled UI, keydown-driven rendering logic, and commands like help, clear, and ls backed by a Node.js API.
Research on an Intelligent Push System for Online Learning Resources
Examines building an intelligent push system for online learning, covering data storage, learner modeling, and a recommendation algorithm blending classic methods.
Analysis of 60,000 Douban Movies
An analysis of over 60,000 scraped Douban Movie entries, comparing rating distributions between Chinese films and those from other countries, examining claims of a rating credibility crisis.
Analysis of Bilibili's 20 Million Users
The author scraped and analyzed all 20 million registered Bilibili users, profiling gender, age, region, and signup trends, finding a near-even gender split dominated by post-90s students.