XiaoMo's personal site: writing, small games, and browser tools.https://www.moiu.cn/enhttps://www.moiu.cn/en/blog/aether-isle/https://www.moiu.cn/en/blog/aether-isle/The isle page downloads only its own script. The scene is computed at runtime, Three.js stays in that page's chunk, and the first HTML response carries an empty stage.Wed, 07 Oct 2026 00:00:00 GMTmetaAstroperformancedesignhttps://www.moiu.cn/en/blog/morse-code/https://www.moiu.cn/en/blog/morse-code/Morse itself is trivial; the trouble is in the details — who owns the space, how to normalise full-width dots, and how long one unit actually is.Wed, 07 Oct 2026 00:00:00 GMTtoolsalgorithmshttps://www.moiu.cn/en/blog/pong-ai/https://www.moiu.cn/en/blog/pong-ai/A Pong opponent worth playing needs two things: an accurate prediction of where the ball lands, and a deliberate error. The first is one triangle wave; the second is redrawn on every return.Wed, 07 Oct 2026 00:00:00 GMTgamesalgorithmshttps://www.moiu.cn/en/blog/procedural-island/https://www.moiu.cn/en/blog/procedural-island/The rock on this island is not exported from a modelling tool. It is five irregular rings stitched together at runtime, and vertex colours plus flat shading are enough to make it read as stone.Wed, 07 Oct 2026 00:00:00 GMTmetadesignhttps://www.moiu.cn/en/blog/three-instancing/https://www.moiu.cn/en/blog/three-instancing/Six hundred blades of grass, a hundred and twenty flowers, eighty-five mossy stones, forty-two shrubs. Density comes from InstancedMesh, not from cutting the count.Wed, 07 Oct 2026 00:00:00 GMTperformancemetahttps://www.moiu.cn/en/blog/three-lighting/https://www.moiu.cn/en/blog/three-lighting/A hemisphere light for ambience, a key light for direction and shadow, a rim light to pull the island off the background — and seven point lights that only add glow.Wed, 07 Oct 2026 00:00:00 GMTdesignmetahttps://www.moiu.cn/en/blog/three-water-shader/https://www.moiu.cn/en/blog/three-water-shader/There is no water simulation on the island and no reflections. Two ShaderMaterials cover all of it, one lying flat and one falling, sharing a single time and night uniform.Wed, 07 Oct 2026 00:00:00 GMTmetadesignhttps://www.moiu.cn/en/blog/webgl-loading-budget/https://www.moiu.cn/en/blog/webgl-loading-budget/A 3D page pays three costs — download, first-frame compilation, per-frame drawing. Each needs its own budget, and any one of them can turn good-looking into janky.Wed, 07 Oct 2026 00:00:00 GMTperformancemetaAstrohttps://www.moiu.cn/en/blog/atomic-write/https://www.moiu.cn/en/blog/atomic-write/Overwriting in place leaves half a file behind on power loss, a crash, or a concurrent read. A temp file plus rename uses filesystem atomicity to make half a file impossible.Wed, 30 Sep 2026 00:00:00 GMTbackendtoolshttps://www.moiu.cn/en/blog/base64/https://www.moiu.cn/en/blog/base64/Base64 turns 3 bytes into 4 printable characters, growing the payload by a third. It solves carrying binary through a text channel, not keeping anything secret.Wed, 30 Sep 2026 00:00:00 GMTtoolssecurityhttps://www.moiu.cn/en/blog/big-o-misconception/https://www.moiu.cn/en/blog/big-o-misconception/An O(n log n) sort can lose to O(n²) insertion sort, and an O(1) hash lookup can lose to an array scan. Check input size, constants and memory locality before judging speed.Wed, 30 Sep 2026 00:00:00 GMTalgorithmsperformancehttps://www.moiu.cn/en/blog/css-cascade-layers/https://www.moiu.cn/en/blog/css-cascade-layers/Runaway styles come from everyone solving problems by adding specificity. Cascade layers make the order explicit: between layers only order matters, and specificity applies within a layer.Wed, 30 Sep 2026 00:00:00 GMTCSSdesignhttps://www.moiu.cn/en/blog/debounce-throttle/https://www.moiu.cn/en/blog/debounce-throttle/Both limit how often a function runs. Debounce lets the last call decide the moment; throttle uses a fixed window. The wrong pick shows up as a laggy drag or a request every 200ms.Wed, 30 Sep 2026 00:00:00 GMTtoolsperformancehttps://www.moiu.cn/en/blog/developer-estimation/https://www.moiu.cn/en/blog/developer-estimation/You estimated writing code; what you owe is writing plus integration, review, rework, and waiting on others. Listing the unknowns beats multiplying every day count by two.Wed, 30 Sep 2026 00:00:00 GMTtoolsbackendhttps://www.moiu.cn/en/blog/feature-flags/https://www.moiu.cn/en/blog/feature-flags/Every flag doubles the reachable code paths and no flag ever gets deleted by itself. Giving each one a removal date matters far more than building a clever flag system.Wed, 30 Sep 2026 00:00:00 GMTbackendtoolshttps://www.moiu.cn/en/blog/game-loop/https://www.moiu.cn/en/blog/game-loop/Moving 5 pixels per frame runs twice as fast on a 60Hz screen and two and a half times as fast at 144Hz. Multiply by elapsed time to decouple physics from refresh rate, then cap it.Wed, 30 Sep 2026 00:00:00 GMTgamesperformancehttps://www.moiu.cn/en/blog/git-bisect/https://www.moiu.cn/en/blog/git-bisect/The hard part of regression hunting is not the binary search, it is defining what counts as broken. Write a script that answers that, and bisect compresses n builds into log n.Wed, 30 Sep 2026 00:00:00 GMTtoolsalgorithmshttps://www.moiu.cn/en/blog/gomoku-search-engine/https://www.moiu.cn/en/blog/gomoku-search-engine/Plain alpha-beta misses forced wins in gomoku. I split the decision into three layers — win, block, forced-win patterns — and only then hand the rest to iterative deepening.Wed, 30 Sep 2026 00:00:00 GMTalgorithmsgameshttps://www.moiu.cn/en/blog/graceful-shutdown/https://www.moiu.cn/en/blog/graceful-shutdown/Exiting immediately on a termination signal cuts in-flight requests. The order is stop accepting, drain what is running, release resources, then exit.Wed, 30 Sep 2026 00:00:00 GMTbackendmetahttps://www.moiu.cn/en/blog/http-caching/https://www.moiu.cn/en/blog/http-caching/Cache-Control decides whether a request happens; ETag decides whether the response body can be skipped. Mixing them is why cache bugs persist: changing one never fixes the other half.Wed, 30 Sep 2026 00:00:00 GMTmetaperformancehttps://www.moiu.cn/en/blog/idempotency/https://www.moiu.cn/en/blog/idempotency/A network timeout does not mean the server did nothing. An idempotency key identifies the same request so the server replays the first result instead of executing again.Wed, 30 Sep 2026 00:00:00 GMTbackendsecurityhttps://www.moiu.cn/en/blog/json-canonicalization/https://www.moiu.cn/en/blog/json-canonicalization/Key order, number formatting and escape style all change the bytes. A stable hash has to pin those rules at serialization, not hope JSON.stringify is deterministic.Wed, 30 Sep 2026 00:00:00 GMTbackendsecurityhttps://www.moiu.cn/en/blog/memory-layout/https://www.moiu.cn/en/blog/memory-layout/A trip to main memory costs hundreds of cycles; a cache line fetch costs one. Sequential versus random access often outweighs the algorithmic order itself.Wed, 30 Sep 2026 00:00:00 GMTperformancealgorithmshttps://www.moiu.cn/en/blog/mutex-deadlock/https://www.moiu.cn/en/blog/mutex-deadlock/Mutual exclusion, hold and wait, no preemption, circular wait. All four must hold at once. The practical one to break is circular wait: give every lock a global order.Wed, 30 Sep 2026 00:00:00 GMTbackendalgorithmshttps://www.moiu.cn/en/blog/n-plus-one/https://www.moiu.cn/en/blog/n-plus-one/Fetch 100 rows and query the relation for each one and you have made 101 queries. There are only three fixes: eager load, batch fetch, or use a single join.Wed, 30 Sep 2026 00:00:00 GMTbackendperformancehttps://www.moiu.cn/en/blog/rate-limiting/https://www.moiu.cn/en/blog/rate-limiting/A token bucket permits bursts; a leaky bucket flattens traffic to a constant rate. Picking wrong shows up as throttled normal users, or a limit that does nothing.Wed, 30 Sep 2026 00:00:00 GMTbackendperformancehttps://www.moiu.cn/en/blog/regex-catastrophic/https://www.moiu.cn/en/blog/regex-catastrophic/Nested quantifiers make the number of match attempts grow exponentially; (a+)+b can hang a process on one long non-matching input. Drop the nesting or put a timeout on it.Wed, 30 Sep 2026 00:00:00 GMTsecurityalgorithmshttps://www.moiu.cn/en/blog/sandbox-iframe/https://www.moiu.cn/en/blog/sandbox-iframe/The sandbox attribute starts by removing everything and allow-* adds pieces back. Getting the direction backwards is common: scripts stop running because that is the default.Wed, 30 Sep 2026 00:00:00 GMTsecuritymetahttps://www.moiu.cn/en/blog/semver/https://www.moiu.cn/en/blog/semver/MAJOR does not mean big. It means breaking. Using it for refactors and hiding breaks in minor releases turns your downstream automatic upgrades into outages.Wed, 30 Sep 2026 00:00:00 GMTtoolsmetahttps://www.moiu.cn/en/blog/sqlite-index/https://www.moiu.cn/en/blog/sqlite-index/A composite index (a, b) can only order by b within equal a, so skipping a and filtering on b has nothing to use. See it as sorting and the mnemonic stops being a rule to memorize.Wed, 30 Sep 2026 00:00:00 GMTbackendalgorithmshttps://www.moiu.cn/en/blog/tech-debt-interest/https://www.moiu.cn/en/blog/tech-debt-interest/Debt is not ugly code; it is the extra cost every future change pays. The test is measurable: files touched per edit, test runtime, places that must change together.Wed, 30 Sep 2026 00:00:00 GMTmetatoolshttps://www.moiu.cn/en/blog/timezone-dst/https://www.moiu.cn/en/blog/timezone-dst/A DST day has 23 or 25 hours, and local times near the switch may not exist or may happen twice. Storing UTC timestamps and converting at display is the only model that holds.Wed, 30 Sep 2026 00:00:00 GMTbackendalgorithmshttps://www.moiu.cn/en/blog/tool-tree/https://www.moiu.cn/en/blog/tool-tree/Visualising a search is not mainly about drawing the tree. The data has to be real, the panel must not shove the board around, and it must load only for people who click the button.Wed, 30 Sep 2026 00:00:00 GMTVuegameshttps://www.moiu.cn/en/blog/unicode-normalization/https://www.moiu.cn/en/blog/unicode-normalization/An e-acute can be one code point or a base letter plus a combining mark. Normalize to NFC before comparing, storing or indexing, or duplicates quietly slip through.Wed, 30 Sep 2026 00:00:00 GMTsecuritybackendhttps://www.moiu.cn/en/blog/url-encoding/https://www.moiu.cn/en/blog/url-encoding/A plus is a space in the query string and a literal plus in the path; the two positions encode the same character differently; encoding twice yields a plausible value that never matches.Wed, 30 Sep 2026 00:00:00 GMTmetasecurityhttps://www.moiu.cn/en/blog/xiangqi-rules/https://www.moiu.cn/en/blog/xiangqi-rules/Horse-leg blocking, elephant-eye blocking, cannon screens and the flying-general rule. Splitting move generation into a geometry layer and a legality layer removes most of the mistakes.Wed, 30 Sep 2026 00:00:00 GMTalgorithmsgameshttps://www.moiu.cn/en/blog/cron-parser/https://www.moiu.cn/en/blog/cron-parser/The syntax takes half an hour. The semantics are the work: day-of-month and day-of-week unite rather than intersect, impossible dates need a stopping condition, and 7 and 0 are both Sunday.Tue, 29 Sep 2026 00:00:00 GMTtoolsalgorithmshttps://www.moiu.cn/en/blog/csv-rfc4180/https://www.moiu.cn/en/blog/csv-rfc4180/The moment a field is quoted, split stops working: quotes hold delimiters and newlines, and a quote inside a field is doubled. A thirty-line state machine beats any regex.Tue, 29 Sep 2026 00:00:00 GMTtoolsalgorithmshttps://www.moiu.cn/en/blog/reversi-legal-moves/https://www.moiu.cn/en/blog/reversi-legal-moves/A square is legal if at least one of eight directions can sandwich the opponent. Testing and flipping share a single scan, so there is no simulated move to roll back.Tue, 29 Sep 2026 00:00:00 GMTalgorithmsgameshttps://www.moiu.cn/en/blog/sudoku-generator/https://www.moiu.cn/en/blog/sudoku-generator/Generate a full solution, then dig cells out while checking uniqueness. I let zero mean unlimited in the solver, so an empty grid enumerated every solution and the new-game button hung.Tue, 29 Sep 2026 00:00:00 GMTalgorithmsgameshttps://www.moiu.cn/en/blog/consistent-hashing/https://www.moiu.cn/en/blog/consistent-hashing/Modulo sharding moves almost all data when the machine count changes. Put the hash space on a ring and let each key follow it clockwise to the first node, and only one arc moves. Virtual nodes are the price.Mon, 28 Sep 2026 00:00:00 GMTalgorithmsmetahttps://www.moiu.cn/en/blog/gomoku-win-detect/https://www.moiu.cn/en/blog/gomoku-win-detect/Rescanning the whole board after every move is waste. Only the newest stone can create a line, so four directions from that point settle it in constant time.Mon, 28 Sep 2026 00:00:00 GMTalgorithmsgameshttps://www.moiu.cn/en/blog/sliding-window/https://www.moiu.cn/en/blog/sliding-window/A window works when validity changes monotonically with its edges. Write down the tracked state and the shrink condition first, and the two-pointer loop amortises to O(n) on its own.Mon, 28 Sep 2026 00:00:00 GMTalgorithmsperformancehttps://www.moiu.cn/en/blog/monotonic-stack/https://www.moiu.cn/en/blog/monotonic-stack/Each index is pushed and popped at most once, so what looks like a nested loop is linear. Recognise the first larger or smaller neighbour shape and the same template applies.Sun, 27 Sep 2026 00:00:00 GMTalgorithmsperformancehttps://www.moiu.cn/en/blog/popcount-bit-tricks/https://www.moiu.cn/en/blog/popcount-bit-tricks/Popcount has three forms: loop once per set bit, a lookup table, or SWAR across bit fields. They differ by orders of magnitude, and Rust and WebAssembly already expose it as a single instruction.Sun, 27 Sep 2026 00:00:00 GMTalgorithmsperformancehttps://www.moiu.cn/en/blog/union-find/https://www.moiu.cn/en/blog/union-find/Path compression flattens the tree, union by size stops it growing tall. You need both before the cost drops to the inverse Ackermann function, which is never above 5 in practice.Sun, 27 Sep 2026 00:00:00 GMTalgorithmsperformancehttps://www.moiu.cn/en/blog/rust-result-context/https://www.moiu.cn/en/blog/rust-result-context/The question mark operator rethrows an error without saying which step failed. Structured errors in the core, Context in the application layer, with the input attached, is what makes a log line locatable.Sat, 26 Sep 2026 00:00:00 GMTRustbackendhttps://www.moiu.cn/en/blog/rust-workspace-split/https://www.moiu.cn/en/blog/rust-workspace-split/The trigger for splitting a workspace is build time and dependency boundaries, not tidy directories. Split when three signals hold, or you trade one compile for managing several packages.Sat, 26 Sep 2026 00:00:00 GMTRustbackendhttps://www.moiu.cn/en/blog/tracing-structured-logs/https://www.moiu.cn/en/blog/tracing-structured-logs/Log lines built by concatenation can only be read by humans. Fields make them queryable. Fields, spans, levels and knowing when not to format are the four real decisions.Sat, 26 Sep 2026 00:00:00 GMTRustbackendhttps://www.moiu.cn/en/blog/islands-vs-webcomponents/https://www.moiu.cn/en/blog/islands-vs-webcomponents/Islands decide at build time where JavaScript is needed and when it hydrates. Web Components give the browser a self-contained element at runtime. Confusing them picks the wrong tool.Fri, 25 Sep 2026 00:00:00 GMTAstroperformancehttps://www.moiu.cn/en/blog/nginx-cache-headers/https://www.moiu.cn/en/blog/nginx-cache-headers/A cache policy depends on whether the filename changes with the content, not on file size. Long-caching HTML hands users an old entry point that points at deleted chunks.Fri, 25 Sep 2026 00:00:00 GMTmetaperformancehttps://www.moiu.cn/en/blog/wasm-where-to-use/https://www.moiu.cn/en/blog/wasm-where-to-use/WASM pays off with heavy computation, bulk data and few boundary crossings. Rewriting an O(n) JavaScript loop as WASM usually buys slower loading and a harder stack to debug.Fri, 25 Sep 2026 00:00:00 GMTperformancemetahttps://www.moiu.cn/en/blog/anchor-scroll-padding/https://www.moiu.cn/en/blog/anchor-scroll-padding/A sticky header covers every anchor target. scroll-margin per heading always misses one; scroll-padding-top on the scroll container does not, fed by the real header height.Thu, 24 Sep 2026 00:00:00 GMTCSSdesignhttps://www.moiu.cn/en/blog/dialog-a11y/https://www.moiu.cn/en/blog/dialog-a11y/A hand-rolled modal needs a focus trap, ESC handling, scroll locking and focus restore. Native dialog with showModal has all of it plus ::backdrop, and one style rule as the price.Thu, 24 Sep 2026 00:00:00 GMTCSSdesignhttps://www.moiu.cn/en/blog/form-color-scheme/https://www.moiu.cn/en/blog/form-color-scheme/Painting a dark background does not darken native controls. Select popups, date pickers and autofill follow color-scheme; accent-color only reaches checkboxes and sliders.Thu, 24 Sep 2026 00:00:00 GMTCSSdesignhttps://www.moiu.cn/en/blog/resize-observer-layout/https://www.moiu.cn/en/blog/resize-observer-layout/A wrapping navigation, late webfonts and changing content all break constants written into CSS. A ResizeObserver watches the element and writes the measured value back into a variable.Thu, 24 Sep 2026 00:00:00 GMTCSSperformancehttps://www.moiu.cn/en/blog/design-tokens/https://www.moiu.cn/en/blog/design-tokens/Why every colour, spacing step and corner radius lives in _tokens.scss — and why changing this site's entire visual direction only touched two files.Wed, 23 Sep 2026 00:00:00 GMTCSSdesignhttps://www.moiu.cn/en/blog/manual-i18n/https://www.moiu.cn/en/blog/manual-i18n/I hand-rolled this site's i18n instead of using Astro's built-in config. Here is why, and exactly where the cost shows up — two 404 incidents and a blog that was half translated.Tue, 22 Sep 2026 00:00:00 GMTmetadesignhttps://www.moiu.cn/en/blog/algo-2048/https://www.moiu.cn/en/blog/algo-2048/Sliding, merging and scoring only need to be written once; the other three directions reuse it through transpose and reverse. The hard part is that each tile may merge at most once per move.Mon, 21 Sep 2026 00:00:00 GMTalgorithmsgameshttps://www.moiu.cn/en/blog/algo-minesweeper/https://www.moiu.cn/en/blog/algo-minesweeper/A minesweeper where the first click can lose is an unfinished minesweeper. Deferring placement and excluding the surrounding 3 by 3 is the single most important design decision here.Sat, 19 Sep 2026 00:00:00 GMTalgorithmsgameshttps://www.moiu.cn/en/blog/riso-ui/https://www.moiu.cn/en/blog/riso-ui/This site's visual direction is Riso screen printing. What I actually built was the printing constraints as tokens, so retheming touched two files and no component changed.Fri, 18 Sep 2026 00:00:00 GMTdesignCSShttps://www.moiu.cn/en/blog/tool-convert/https://www.moiu.cn/en/blog/tool-convert/Converting between bases 2 and 36 needs BigInt to avoid silent precision loss. Across ten unit categories nine are linear ratios, while temperature is affine, and a single multiplier is always wrong.Thu, 17 Sep 2026 00:00:00 GMTtoolsVuehttps://www.moiu.cn/en/blog/tool-color/https://www.moiu.cn/en/blog/tool-color/Converting between notations is just the entry point. The real trap is WCAG contrast, which needs gamma decoding before weighting, and deciding between black and white text, which is not a brightness threshold.Tue, 15 Sep 2026 00:00:00 GMTtoolsVuehttps://www.moiu.cn/en/blog/pagefind-search/https://www.moiu.cn/en/blog/pagefind-search/A static site does not need Algolia to have search. Generate the index during the build, run the query entirely in the browser, and pay a few seconds of build time.Mon, 14 Sep 2026 00:00:00 GMTmetaperformancehttps://www.moiu.cn/en/blog/tool-hash/https://www.moiu.cn/en/blog/tool-hash/The browser only offers the SHA family, and only in a secure context. CRC32 and MD5 are not in Web Crypto. Along the way: large files should not be read into memory whole, and checksums should not be compared by eye.Sun, 13 Sep 2026 00:00:00 GMTtoolsVuehttps://www.moiu.cn/en/blog/tool-regex-lab/https://www.moiu.cn/en/blog/tool-regex-lab/A regex tester has to do three things well: show where matches land and what each group captured, preview the replacement, and never hang on a zero-width match.Fri, 11 Sep 2026 00:00:00 GMTtoolsVuehttps://www.moiu.cn/en/blog/tool-json-studio/https://www.moiu.cn/en/blog/tool-json-studio/Built from the habit of writing throwaway commands to clean up JSON. It formats, minifies, sorts, pinpoints parse errors by line and column, and diffs two documents — all in the browser.Wed, 09 Sep 2026 00:00:00 GMTtoolsVuehttps://www.moiu.cn/en/blog/zero-import-selftest/https://www.moiu.cn/en/blog/zero-import-selftest/My test suite is `node scripts/selftest.ts` — no framework, no dependencies. The price is that every module it touches must have zero relative imports, and that price bought a codebase shape.Tue, 08 Sep 2026 00:00:00 GMTAstrometahttps://www.moiu.cn/en/blog/cve-2026-45659-sharepoint/https://www.moiu.cn/en/blog/cve-2026-45659-sharepoint/A plain Site Member account is enough to run code on a SharePoint server. Microsoft rated exploitation unlikely, and CISA put it in the KEV catalogue with three days to remediate.Sun, 06 Sep 2026 00:00:00 GMTsecurityvulnerabilityhttps://www.moiu.cn/en/blog/cve-2026-21858-n8n/https://www.moiu.cn/en/blog/cve-2026-21858-n8n/The form node skips Content-Type validation, so one application/json request makes it read an arbitrary file. The key inside the config forges an admin JWT, and a sandbox bypass turns that into RCE.Fri, 04 Sep 2026 00:00:00 GMTsecurityvulnerabilityhttps://www.moiu.cn/en/blog/cve-2026-20131-cisco-fmc/https://www.moiu.cn/en/blog/cve-2026-20131-cisco-fmc/CVSS 10.0, no authentication, code execution as root, and 36 days of use as a zero-day by a ransomware crew. Breaking the firewall management hub hands over every policy and log with it.Wed, 02 Sep 2026 00:00:00 GMTsecurityvulnerabilityhttps://www.moiu.cn/en/blog/astro-islands/https://www.moiu.cn/en/blog/astro-islands/From "async import" to "hydrate on demand" — what each of the three lazy-loading layers actually solves, with the code that runs on this site.Tue, 01 Sep 2026 00:00:00 GMTAstroperformanceVuehttps://www.moiu.cn/en/blog/cve-2026-75604-nextjs/https://www.moiu.cn/en/blog/cve-2026-75604-nextjs/One unescaped backslash turns the incremental cache into arbitrary file read and write on Windows, and the leaked Server Action encryption key forges a request that walks a React Flight property chain to Function.Sun, 30 Aug 2026 00:00:00 GMTsecurityvulnerabilityhttps://www.moiu.cn/en/blog/cve-2026-42211-react-router/https://www.moiu.cn/en/blog/cve-2026-42211-react-router/turbo-stream v2 calls a constructor while rehydrating the TYPE_ERROR branch without checking where it came from. If the app already has a prototype pollution bug, that path reaches Function and two moderate flaws become RCE.Fri, 28 Aug 2026 00:00:00 GMTsecurityvulnerabilityhttps://www.moiu.cn/en/blog/head-single-source/https://www.moiu.cn/en/blog/head-single-source/All three HTML shells render one component that emits every head tag, with the data assembled on the server. Plus a detail worth remembering: angle brackets in JSON-LD must be escaped.Thu, 27 Aug 2026 00:00:00 GMTmetaperformancehttps://www.moiu.cn/en/blog/static-hosting-nginx/https://www.moiu.cn/en/blog/static-hosting-nginx/Almost every static-hosting bug lives in response headers. Which files may be cached forever, which may not be cached at all, and why a static site must never use an SPA fallback.Mon, 24 Aug 2026 00:00:00 GMTmetaperformancehttps://www.moiu.cn/en/blog/theme-ripple/https://www.moiu.cn/en/blog/theme-ripple/A circle growing from the click point reveals the new theme. The radius must reach the farthest corner, and the custom properties must be cleaned up or they leak into the next switch.Sat, 22 Aug 2026 00:00:00 GMTCSSdesignVuehttps://www.moiu.cn/en/blog/build-time-pagination/https://www.moiu.cn/en/blog/build-time-pagination/The post list is sliced into static pages during the build, so page N is a real route. No client-side paging logic, no query string, just links.Wed, 19 Aug 2026 00:00:00 GMTAstroperformancehttps://www.moiu.cn/en/blog/alias-three-places/https://www.moiu.cn/en/blog/alias-three-places/Deep relative imports are banned project-wide, and the price is configuring the alias in three places. Miss one and you get editor errors, a broken build, or silently dropped styles.Sun, 16 Aug 2026 00:00:00 GMTAstrometahttps://www.moiu.cn/en/blog/zod-frontmatter/https://www.moiu.cn/en/blog/zod-frontmatter/The Content Collections schema is the single source of truth. A title over 120 characters, a mangled date or a string where an array belongs fails immediately instead of silently dropping a page.Thu, 13 Aug 2026 00:00:00 GMTAstrometahttps://www.moiu.cn/en/blog/hello-world/https://www.moiu.cn/en/blog/hello-world/Not because there was nowhere to write, but because there was nowhere to put writing, small games and tools side by side.Tue, 11 Aug 2026 00:00:00 GMTmetaAstrohttps://www.moiu.cn/en/blog/glob-registry/https://www.moiu.cn/en/blog/glob-registry/App lists, detail routes, the home page picks and the sitemap are all discovered by import.meta.glob. The price is Vite's hard rule: literal relative paths only.Sat, 08 Aug 2026 00:00:00 GMTAstrometahttps://www.moiu.cn/en/blog/app-shell-mount/https://www.moiu.cn/en/blog/app-shell-mount/Game and tool pages are a shell plus createApp, not client:only. I own the loading, ready and error states, and the retry button actually works.Wed, 05 Aug 2026 00:00:00 GMTVueperformancehttps://www.moiu.cn/en/blog/server-layer/https://www.moiu.cn/en/blog/server-layer/A page here exports a route, imports two components and passes props. Everything else — fetching, paths, dates — happens in src/server. Here is what that buys, and the type constraint it forces.Sun, 02 Aug 2026 00:00:00 GMTAstrometa