Author

Rare Earth Juejin Tech Community

Juejin, a tech community that helps developers grow.

1.5k

Articles

Likes

5.4k

Views

Comments

Latest from Rare Earth Juejin Tech Community

100 recent articles max

Rare Earth Juejin Tech Community

Sep 19, 2025 · Frontend Development

Boost Vue App Efficiency: A Reusable Pagination Hook Reduces 90% Repetitive Code

Learn how to eliminate repetitive pagination logic in Vue-based admin panels by using a custom usePageFetch hook that abstracts page state, loading, error handling, and caching, enabling developers to implement paginated data fetching with just a few lines of code and significantly improve development speed.

HookJavaScriptPagination

0 likes · 11 min read

Boost Vue App Efficiency: A Reusable Pagination Hook Reduces 90% Repetitive Code

Rare Earth Juejin Tech Community

Sep 18, 2025 · Frontend Development

How to Slash Vue App Load Time: CDN, Gzip, and Code Splitting Tips

This guide walks through diagnosing a slow Vue admin dashboard, using webpack‑bundle‑analyzer to spot heavy libraries, offloading Element UI via CDN, enabling gzip compression on Nginx and in the Vue build, and applying code‑splitting and prefetch strategies to keep the first‑screen load under three seconds.

CDNCode SplittingPerformance

0 likes · 9 min read

How to Slash Vue App Load Time: CDN, Gzip, and Code Splitting Tips

Rare Earth Juejin Tech Community

Sep 16, 2025 · Frontend Development

How Much Faster Is Tailwind CSS Than UnoCSS? 2025 Benchmark Results

In a 2025 benchmark on a MacBook M1 Pro, the author compares Tailwind CSS v4 (4.1.13) and UnoCSS v66.5.1 across multiple scenarios, measuring build times for 1,656 utilities over 200 runs, and concludes that Tailwind’s Vite integration is up to 1.37× faster, while UnoCSS offers greater flexibility at the cost of performance.

Performance BenchmarkTailwindCSSUnoCSS

0 likes · 8 min read

How Much Faster Is Tailwind CSS Than UnoCSS? 2025 Benchmark Results

Rare Earth Juejin Tech Community

Sep 15, 2025 · Frontend Development

How Vite Loads Modules and Parses Vue SFCs: Core Mechanics Explained

This article dissects Vite’s fast development workflow by detailing how it rewrites bare module imports, resolves dependencies from node_modules, parses Vue single‑file components into template, script, and style sections, compiles them, and dynamically injects the resulting code for seamless browser execution.

ESMViteVue

0 likes · 12 min read

How Vite Loads Modules and Parses Vue SFCs: Core Mechanics Explained

Rare Earth Juejin Tech Community

Sep 14, 2025 · Frontend Development

Mastering Component Encapsulation: 17 Essential Principles for React Developers

This article shares years of component‑encapsulation experience and lessons drawn from popular UI libraries, presenting seventeen practical principles—ranging from basic property binding to error handling and multilingual support—to help developers build robust, reusable React components that avoid common pitfalls.

0 likes · 26 min read

Mastering Component Encapsulation: 17 Essential Principles for React Developers

Rare Earth Juejin Tech Community

Sep 13, 2025 · Frontend Development

Master Redux: From Hand‑Written Core Logic to Modern RTK Toolkit

This article explains Redux's core concepts—Action, Reducer, Store—and demonstrates how to implement them manually before transitioning to the Redux Toolkit (RTK), highlighting the synergy between low‑level principles and efficient modern development tools for large React applications.

JavaScriptRTKRedux

0 likes · 11 min read

Master Redux: From Hand‑Written Core Logic to Modern RTK Toolkit

Rare Earth Juejin Tech Community

Sep 12, 2025 · Frontend Development

Build a Fully Interactive CSS‑Only Elevator State Machine – No JavaScript Needed

This article walks through creating a pure‑CSS elevator simulator that uses custom properties, :has() selectors, counters, and aria‑live to model a complete state machine with direction indicators, animated transitions, floor display, and full accessibility without any JavaScript.

CSSElevatorNo JavaScript

0 likes · 8 min read

Build a Fully Interactive CSS‑Only Elevator State Machine – No JavaScript Needed

Rare Earth Juejin Tech Community

Sep 11, 2025 · Backend Development

How a Single Looped Serialization Turned a Major Promotion into a System Avalanche

A 2021 midnight promotion in Hangzhou crashed when a poorly placed loop serialized a massive object twenty times per request, overwhelming CPU, thread pools, and the Tair cache, leading to a full‑stack service avalanche that was only resolved after a half‑hour emergency rollback.

CachingMonitoringincident response

0 likes · 10 min read

How a Single Looped Serialization Turned a Major Promotion into a System Avalanche

Rare Earth Juejin Tech Community

Sep 10, 2025 · Frontend Development

Why Your Webpack App Still Caches Old Files and How Nginx Can Fix It

This article explains why modern Webpack applications still suffer from stale browser caches, analyzes the shortcomings of typical cache‑busting tactics, and provides a complete Nginx configuration that ensures HTML never caches while static assets with hashes are cached indefinitely.

Browser CacheWebpackcaching-strategy

0 likes · 11 min read

Why Your Webpack App Still Caches Old Files and How Nginx Can Fix It

Rare Earth Juejin Tech Community

Sep 9, 2025 · Backend Development

Why Adding 2 Days Sometimes Results in a 3-Day Unblock? Java Date Precision Explained

A Java backend bug caused blacklist unblocking times to be stored one second later than expected due to mismatched Date and TIMESTAMP precision, daylight‑saving and timezone conversions, and millisecond rounding, which was diagnosed through code review, AI analysis, and batch testing, then fixed by normalising nanoseconds or adjusting database column precision.

JavaPostgreSQLTimezone

0 likes · 11 min read

Why Adding 2 Days Sometimes Results in a 3-Day Unblock? Java Date Precision Explained