A complete development journey of my Chrome extension LinkBatch - from identifying the need, planning features, to …
This article introduces methods for retrieving user avatars and nicknames in mini-programs, including new API usage, …
Recently, an open source project needed an H5 version, so I decided to try Tailwind. Here I’ll mark down my …
How to display a Search action on the software keyboard across iOS and Android and handle the resulting events.
I previously built a webpack loader called domain-replace-loader to replace domains in frontend JS, e.g., swapping to a …
Click-to-component is a React component that enables one-click navigation to source code, significantly improving …
This article introduces common npm packages for frontend development, including usage scenarios and implementation …
Expose config from package.json into the built app via webpack DefinePlugin, with typing in TS and pitfalls to avoid.
This article covers common issues in WeChat mini program development, including use cases and implementation details to …
Troubleshooting an online issue with ERR_CONNECTION_CLOSED: analyzing the root cause (request header length limit) and …
Make frontend build/package/deploy reproducible with Docker and docker-compose: images, services, reverse proxy, TLS, …
Ways to raise the barrier against source theft: build modes, minification, hashing, obfuscation, and more.
Browser storage choices (cookie, sessionStorage, localStorage, IndexedDB), differences, and when to use which.
Frontend fundamentals: MVC/MVP/MVVM, how browsers work, React Fiber, and how Redux triggers updates.
Notes from frontend interview questions to reinforce fundamentals: TCP handshake, number precision, storage, hoisting, …
A quick setup for Stylelint to enforce CSS style, complementing ESLint on the JS side.
Diagnosing custom font flicker and practical fixes: CSS extraction, font preloads, file formats, font-display strategy, …
What the integrity field in yarn.lock means, how it’s computed, and why not every package has it.
From ad‑hoc exported functions to an OO API layer with clear namespaces, shared base paths, and naming conventions.
Single-page applications (SPAs) offer a smooth user experience but often suffer from massive bundle sizes. Tree shaking …
Guidelines for clean, readable, user-friendly routes with examples and rationale.
Why our React project paired Less with CSS Modules, the webpack/TypeScript setup, and how we organize themes vs. …
Overview of web font usage: formats, loading strategies, performance, and compatibility tips.
This article covers frontend React project structure and conventions, including use cases and implementation details to …
Dev showed a white screen error ‘You should not use outside a ’. Root cause: npm install in CI ignored yarn.lock; fix by …