BestHub
Sign in
Tagged articles
2421 articles
Page 6 of 25
Java Architecture Stack
Java Architecture Stack
Oct 22, 2024 · Backend Development

How to Prevent Browser Caching of JavaScript in Java Backend Apps

This article explains why stale JavaScript can break functionality, outlines the risks of caching such as outdated bugs, security flaws, and debugging difficulties, and provides practical Java‑side solutions—including versioned URLs, cache‑control headers, static‑resource policies, and ETag/Last‑Modified handling—to ensure browsers always load the latest scripts.

BackendJavaScriptSpring Boot
0 likes · 7 min read
How to Prevent Browser Caching of JavaScript in Java Backend Apps
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 18, 2024 · Frontend Development

Comprehensive Guide to Vue Component Writing Styles: Options API, Composition API, Setup Syntax Sugar, Render Functions, and JSX

This article systematically introduces the many ways to write Vue components—including the classic Options API, the modern Composition API with setup syntax sugar, hand‑written render functions using h or createVNode, and various JSX techniques—explaining their principles, code examples, and when to choose each approach.

ComponentJSXJavaScript
0 likes · 19 min read
Comprehensive Guide to Vue Component Writing Styles: Options API, Composition API, Setup Syntax Sugar, Render Functions, and JSX
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 16, 2024 · Frontend Development

How to Listen to LocalStorage Changes Within the Same Browser Tab: Techniques and Implementations

This article explains why the native storage event only works across different tabs, evaluates traditional polling and proxy approaches, and presents four efficient solutions—including custom StorageEvent, CustomEvent, MessageChannel, and BroadcastChannel—along with practical React and Vue examples for real‑time localStorage monitoring.

EventListenerJavaScriptReact
0 likes · 12 min read
How to Listen to LocalStorage Changes Within the Same Browser Tab: Techniques and Implementations
21CTO
21CTO
Oct 13, 2024 · Backend Development

What’s New in Deno 2.0? A Deep Dive into Its Node.js Compatibility and Updated Standard Library

Deno 2.0, the latest production release of the open‑source Deno runtime, brings major updates for JavaScript, TypeScript and WebAssembly, offers full backward compatibility with Node.js and npm, stabilizes its standard library, introduces private NPM registry support, workspace/monorepo features, and adds enhanced formatting, linting, and coverage tools.

DenoJavaScriptNode.js compatibility
0 likes · 4 min read
What’s New in Deno 2.0? A Deep Dive into Its Node.js Compatibility and Updated Standard Library
Java Tech Enthusiast
Java Tech Enthusiast
Oct 12, 2024 · Fundamentals

Simplifying Driver Assignment Logic: Guard Clauses, Decision Tables, and Function Composition

The article shows how to replace the taxi‑hailing app’s deeply nested driver‑assignment if‑statements with early‑exit guard clauses, data‑driven decision tables, and composable functions, thereby flattening the logic, enhancing readability, simplifying testing, and making future extensions easier to implement.

JavaScriptPythondecision tables
0 likes · 6 min read
Simplifying Driver Assignment Logic: Guard Clauses, Decision Tables, and Function Composition
58 Tech
58 Tech
Oct 12, 2024 · Frontend Development

Introducing Astro: Features, Performance Benefits, and Practical Project Implementation

This article introduces the Astro static‑site framework, explains its island architecture and performance advantages, compares Core Web Vitals with other frameworks, and provides detailed code examples and best‑practice guidelines for integrating Astro with React and Vue in real‑world projects.

AstroIsland ArchitectureJavaScript
0 likes · 15 min read
Introducing Astro: Features, Performance Benefits, and Practical Project Implementation
FunTester
FunTester
Oct 12, 2024 · Frontend Development

Mastering JavaScript Asynchronous Programming: Callbacks, Promises, and async/await

JavaScript’s single‑threaded nature makes asynchronous programming essential, and this guide explains callbacks, promises (including states and chaining), and async/await syntax with clear examples, illustrating how each technique avoids blocking the main thread and improves code readability and error handling.

AsynchronousCallbacksJavaScript
0 likes · 9 min read
Mastering JavaScript Asynchronous Programming: Callbacks, Promises, and async/await
JD Tech Talk
JD Tech Talk
Oct 10, 2024 · Frontend Development

Dynamic Cross‑Platform (Roma) Architecture and Rendering Process on HarmonyOS

This article provides a comprehensive overview of the dynamic cross‑platform (Roma) solution, detailing its JavaScript‑based architecture, integration with Android, iOS, HarmonyOS and Web, the SDK workflow, code examples, and the complete view creation, rendering, and update processes across multiple language environments.

HarmonyOSJavaScriptSDK
0 likes · 26 min read
Dynamic Cross‑Platform (Roma) Architecture and Rendering Process on HarmonyOS
JD Cloud Developers
JD Cloud Developers
Oct 10, 2024 · Mobile Development

How Dynamic Cross‑Platform UI Rendering Works on HarmonyOS, Android, iOS, and Web

This article explains the architecture and implementation of the Roma dynamic cross‑platform solution, covering its JavaScript‑VM based rendering pipeline, HarmonyOS integration challenges, resource packaging, view creation across JS, C++, and ArkTS layers, and the diff‑based update mechanism that enables seamless UI updates on multiple platforms.

HarmonyOSJavaScriptMobile Development
0 likes · 28 min read
How Dynamic Cross‑Platform UI Rendering Works on HarmonyOS, Android, iOS, and Web
FunTester
FunTester
Oct 10, 2024 · Backend Development

Unlocking Go's Power: How Goja Brings JavaScript to Your Go Apps

This article explores Goja, a pure‑Go JavaScript engine, detailing its features, integration with the K6 load‑testing tool, and practical code examples for embedding scripts, passing values, handling structs, invoking Go functions, error handling, and VM pooling to achieve high performance in Go applications.

EmbeddingGoGoja
0 likes · 14 min read
Unlocking Go's Power: How Goja Brings JavaScript to Your Go Apps
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Oct 9, 2024 · Frontend Development

How the New JavaScript ?= Operator Can Eliminate Try‑Catch Boilerplate

JavaScript’s upcoming safe‑assignment operator ( ?= ) lets developers handle errors without traditional try‑catch blocks, reducing nesting, improving readability, and enabling seamless integration with async/await, Symbol.result, and recursive error handling, as demonstrated through multiple code examples and a polyfill link.

Error HandlingJavaScriptPolyfill
0 likes · 5 min read
How the New JavaScript ?= Operator Can Eliminate Try‑Catch Boilerplate
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 9, 2024 · Frontend Development

Vue.js and Element‑plus Code Style and Naming Conventions

This article presents comprehensive Vue.js and Element‑plus coding standards, covering enum naming, directory and file naming conventions, component file structure, attribute and directive usage, boolean, function, class, constant, and enum naming rules, emphasizing consistency to improve readability and maintainability.

Component ArchitectureJavaScriptVue.js
0 likes · 15 min read
Vue.js and Element‑plus Code Style and Naming Conventions
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 8, 2024 · Frontend Development

Understanding Inversion of Control (IoC) and Dependency Injection in Front‑End Development

This article explains the Inversion of Control (IoC) principle, why it matters for growing front‑end applications, and demonstrates how to refactor a simple App component using dependency injection and a module registration system, turning the App into a container that manages its dependencies rather than directly instantiating them.

IoCJavaScriptdependency-injection
0 likes · 7 min read
Understanding Inversion of Control (IoC) and Dependency Injection in Front‑End Development
21CTO
21CTO
Oct 7, 2024 · Frontend Development

How Evan You’s VoidZero Aims to Unify the JavaScript Toolchain

Evan You, the creator of Vue.js, announced his new company VoidZero, which plans to build a unified, high‑performance JavaScript toolchain that addresses Vite’s limitations, introduces shared ASTs, common parsers, and faster bundlers like Rolldown, while already securing significant seed funding and industry adoption.

BundlerJavaScriptVite
0 likes · 9 min read
How Evan You’s VoidZero Aims to Unify the JavaScript Toolchain
21CTO
21CTO
Oct 7, 2024 · Frontend Development

What’s New in ECMAScript 2024? Exploring Six Major TC39 Proposals

This article reviews the six key ECMAScript 2024 proposals—including well‑formed Unicode strings, asynchronous atomic wait, the new RegExp v flag, ArrayBuffer transfer, array grouping, and Promise.withResolvers—explaining their purpose, API changes, and providing runnable code examples.

ArrayBufferECMAScriptJavaScript
0 likes · 9 min read
What’s New in ECMAScript 2024? Exploring Six Major TC39 Proposals
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 3, 2024 · Frontend Development

Using and Building Custom Hooks in Vue 3

This article explains what Hooks are, demonstrates how to use them in Vue 3, and guides readers through building reusable custom Hook functions such as useMouse and useTable, covering pagination, parameter handling, and best practices for clean, maintainable frontend code.

Composition APIJavaScriptVue
0 likes · 23 min read
Using and Building Custom Hooks in Vue 3
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Sep 29, 2024 · Frontend Development

Why the AbortController API Is a Game‑Changer for JavaScript

The article shows that the standard AbortController API can do far more than just cancel fetch requests—it can cleanly remove event listeners, combine multiple abort signals, control streams, and even make database transactions cancelable, with concrete code examples and compatibility notes.

AbortControllerAbortSignalJavaScript
0 likes · 13 min read
Why the AbortController API Is a Game‑Changer for JavaScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 29, 2024 · Frontend Development

drag-kit: A Lightweight Drag‑and‑Drop Library for Vue, React and Plain JavaScript

This article introduces the drag-kit library, explains why it is a good choice for high‑performance, cross‑iframe, responsive drag‑and‑drop interactions, provides quick‑start code examples, details its core features and advanced options, and shows how to integrate it with Vue, React and vanilla JavaScript.

Drag-and-DropJavaScriptReact
0 likes · 12 min read
drag-kit: A Lightweight Drag‑and‑Drop Library for Vue, React and Plain JavaScript
Architect's Guide
Architect's Guide
Sep 28, 2024 · Frontend Development

One‑Click VSCode Snippet Configuration and Customization Guide

This tutorial shows how to collect, configure, and customize reusable VSCode code snippets for JavaScript, TypeScript, Vue, Java and other languages, enabling developers to replace repetitive boiler‑plate with a single click and tailor placeholder behavior to their workflow.

JavaScriptVSCodeVue
0 likes · 8 min read
One‑Click VSCode Snippet Configuration and Customization Guide
JD Cloud Developers
JD Cloud Developers
Sep 27, 2024 · Frontend Development

Build a Chrome QR Code Generator Extension from Scratch

Learn how to create a custom Chrome extension that generates QR codes for any webpage, covering plugin architecture, manifest configuration, background and popup scripts, testing, and publishing steps, while highlighting benefits like personalization, security, and cost savings for developers.

Chrome ExtensionJavaScriptQR code
0 likes · 8 min read
Build a Chrome QR Code Generator Extension from Scratch
JD Tech Talk
JD Tech Talk
Sep 27, 2024 · Frontend Development

How to Build a Simple QR Code Generator Chrome Extension

This article explains why writing a custom Chrome extension is beneficial and provides step‑by‑step instructions, including directory structure, manifest, background script, popup UI, testing, and publishing, to create a QR code generator that works directly from the browser.

Browser PluginChrome ExtensionJavaScript
0 likes · 9 min read
How to Build a Simple QR Code Generator Chrome Extension
Tencent Cloud Developer
Tencent Cloud Developer
Sep 26, 2024 · Fundamentals

Understanding V8 Engine: Compiler Pipeline, Tagged Pointers, Inline Caches, and Performance Optimizations

The article explains V8’s compiler pipeline from parsing to TurboFan optimization, details tagged pointers, hidden‑class object models and inline caches, and offers practical performance tips such as keeping functions short, preserving monomorphic call sites, stabilizing property order, and avoiding deletes to maintain fast property access.

JITJavaScriptTagged Pointer
0 likes · 27 min read
Understanding V8 Engine: Compiler Pipeline, Tagged Pointers, Inline Caches, and Performance Optimizations
21CTO
21CTO
Sep 25, 2024 · Frontend Development

20 Essential JavaScript Tricks to Write Cleaner, Faster Code

Discover 20 practical JavaScript techniques—from using let/const and destructuring to async/await and debouncing—that help you write more concise, efficient, and maintainable code while improving overall development workflow.

JavaScriptTipscoding
0 likes · 8 min read
20 Essential JavaScript Tricks to Write Cleaner, Faster Code
vivo Internet Technology
vivo Internet Technology
Sep 25, 2024 · Frontend Development

Automated AST-Based Code Migration for Vue Front‑End Projects

To simplify large‑scale Vue upgrades such as Vue 2→Vue 3, Webpack 4→Webpack 5, or migration to Vite, the author presents an automated AST‑based migration scaffold that parses JavaScript, Vue, and style files, applies transformation rules with GoGoCode and PostCSS, and rewrites code, reducing manual effort and error risk.

ASTJavaScriptVue
0 likes · 20 min read
Automated AST-Based Code Migration for Vue Front‑End Projects
Code Mala Tang
Code Mala Tang
Sep 21, 2024 · Backend Development

Mastering Yargs Middleware: From Basics to Advanced Usage

Explore how Yargs middleware enhances command-line tools by allowing pre- and post-validation processing, global and command-specific hooks, and flexible implementation details, with practical code examples, API insights, and strategies for managing, freezing, and resetting middleware chains.

JavaScriptcommand-linemiddleware
0 likes · 13 min read
Mastering Yargs Middleware: From Basics to Advanced Usage
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 20, 2024 · Fundamentals

Understanding JavaScript Pre‑compilation and Hoisting

This article explains JavaScript's pre‑compilation process, including variable and function declaration hoisting, the creation of execution contexts, and the differences between var, let, and const, using several illustrative code examples to clarify how the engine resolves identifiers at runtime.

JavaScriptPre-compilationVariables
0 likes · 7 min read
Understanding JavaScript Pre‑compilation and Hoisting
JD Tech Talk
JD Tech Talk
Sep 19, 2024 · Fundamentals

Porting the V8 JavaScript Engine to HarmonyOS: Background, Architecture, Tool Selection, and Cross‑Compilation Process

This article explains the need to adapt the Roma framework for HarmonyOS by selecting and analyzing the V8 JavaScript engine, describes its internal components such as the parser, Ignition interpreter, TurboFan JIT compiler and Orinoco garbage collector, and provides a step‑by‑step guide for cross‑compiling V8 with CMake, GN, Ninja and tool‑chain files to produce a usable library for HarmonyOS native projects.

CMakeHarmonyOSJavaScript
0 likes · 36 min read
Porting the V8 JavaScript Engine to HarmonyOS: Background, Architecture, Tool Selection, and Cross‑Compilation Process
JD Tech
JD Tech
Sep 18, 2024 · Frontend Development

Migrating a Webpack Project to Vite: A Golden Circle Approach

This article explains how to apply Simon Sinek's Golden Circle framework to migrate a large‑scale Webpack‑based frontend project to Vite, detailing the motivations, the faster development experience, step‑by‑step migration procedures, configuration adjustments, and the resulting performance improvements.

JavaScriptVitebuild tools
0 likes · 13 min read
Migrating a Webpack Project to Vite: A Golden Circle Approach
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Sep 18, 2024 · Fundamentals

How the New JavaScript Safe Assignment Operator Eliminates try‑catch

The ECMAScript proposal‑safe‑assignment‑operator introduces the ?= operator, which returns an [error, result] tuple, allowing developers to replace verbose try‑catch blocks with concise, readable error handling that works with async functions, Promises, and any object implementing Symbol.result, while also improving code consistency and safety.

?=Error HandlingJavaScript
0 likes · 8 min read
How the New JavaScript Safe Assignment Operator Eliminates try‑catch
IT Services Circle
IT Services Circle
Sep 17, 2024 · Frontend Development

Why [] == ![] in JavaScript: Understanding Loose Equality and Its Pitfalls

This article explains the surprising result of the JavaScript expression [] == ![], detailing how empty arrays are truthy, how they are coerced to strings and numbers during loose equality comparison, and why using strict equality (===) or TypeScript avoids such confusing behavior.

ArraysJavaScriptLoose Equality
0 likes · 4 min read
Why [] == ![] in JavaScript: Understanding Loose Equality and Its Pitfalls
php Courses
php Courses
Sep 13, 2024 · Frontend Development

Generating Charts with Labels and Legends Using ECharts and a PHP API

This tutorial explains how to integrate the open‑source ECharts library with a PHP backend to produce interactive statistical charts that include custom labels and legends, providing step‑by‑step code examples for data preparation, HTML markup, and JavaScript configuration.

Data visualizationEChartsJavaScript
0 likes · 6 min read
Generating Charts with Labels and Legends Using ECharts and a PHP API
DeWu Technology
DeWu Technology
Sep 4, 2024 · Frontend Development

An Overview of Babel: Architecture, Transpilation Process, and ECMAScript Standardization

Babel is a micro‑kernel JavaScript transpiler that parses source code into an AST, lets plugins and presets transform it, and generates backward‑compatible code with optional source maps, while its runtime helpers, polyfills, and close alignment with the evolving ECMAScript specification ensure modern syntax works across legacy environments.

ECMAScriptJavaScriptTranspilation
0 likes · 23 min read
An Overview of Babel: Architecture, Transpilation Process, and ECMAScript Standardization
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Sep 4, 2024 · Fundamentals

What’s New in ECMAScript 2024? A Deep Dive into the Latest Proposals

The ECMAScript 2024 specification, approved on June 26, introduces six major proposals—including well‑formed Unicode strings, asynchronous atomic wait, a powerful RegExp v flag, ArrayBuffer transfer, native array grouping, and Promise.withResolvers—each illustrated with code examples and practical implications for JavaScript developers.

Array groupingArrayBuffer transferAsync Atomic Wait
0 likes · 10 min read
What’s New in ECMAScript 2024? A Deep Dive into the Latest Proposals
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 4, 2024 · Frontend Development

Image Fragmentation Effect with HTML, CSS, and JavaScript

This article explains how to create a picture‑fragment animation by dividing an image into a grid of small blocks, using CSS background‑size and background‑position together with JavaScript to generate the blocks, apply delays, rotations, scaling, and performance‑optimising techniques.

CSSHTMLJavaScript
0 likes · 10 min read
Image Fragmentation Effect with HTML, CSS, and JavaScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 3, 2024 · Frontend Development

Understanding the Decorator Pattern and AOP in JavaScript

This article explains the decorator pattern and how Aspect‑Oriented Programming (AOP) can be used in JavaScript to dynamically extend object behavior, provides classic and Vue‑based code examples, discusses advantages and drawbacks, and outlines practical scenarios for applying decorators in front‑end development.

Code ExampleDecorator PatternJavaScript
0 likes · 11 min read
Understanding the Decorator Pattern and AOP in JavaScript
IT Services Circle
IT Services Circle
Sep 2, 2024 · Artificial Intelligence

Using Gemini Nano Prompt API in Chrome Canary for In‑Browser AI

This article explains how Google’s Gemini Nano can run directly in the browser via the Prompt API, guides you through enabling the feature in Chrome Canary, checking model readiness, and provides JavaScript code examples for creating text sessions, streaming responses, and building a simple translation demo.

AIChrome CanaryGemini Nano
0 likes · 8 min read
Using Gemini Nano Prompt API in Chrome Canary for In‑Browser AI
大转转FE
大转转FE
Sep 2, 2024 · Frontend Development

ZhuanZhuan Frontend Weekly – Curated Technical Articles

The ZhuanZhuan Frontend Weekly curates five recent technical articles—including a Rust‑based JavaScript bundler, Airbnb’s seamless React upgrade, HarmonyOS ArkUI framework, a JavaScript Super Mario game, and the Interface Segregation Principle in React—providing concise English summaries and links for developers.

BundlerGame DevelopmentJavaScript
0 likes · 4 min read
ZhuanZhuan Frontend Weekly – Curated Technical Articles
Bilibili Tech
Bilibili Tech
Aug 30, 2024 · Frontend Development

Implementing a Cross-Page Playback Queue with Document Picture-in-Picture

The article explains how Bilibili leveraged Chrome’s Document Picture‑in‑Picture API to create a cross‑page playback queue displayed in a small always‑on‑top window, detailing style synchronization, independent lifecycle handling via a helper class, and real‑time updates using BroadcastChannel‑plus‑iframe messaging while relying solely on native web features.

Cross-Page PlaybackDocument Picture-in-PictureJavaScript
0 likes · 31 min read
Implementing a Cross-Page Playback Queue with Document Picture-in-Picture
Top Architecture Tech Stack
Top Architecture Tech Stack
Aug 28, 2024 · Game Development

Technical Stack of the Chinese AAA Game “Black Myth: Wukong”

The article examines the technology behind the Chinese AAA title “Black Myth: Wukong”, revealing its use of Unreal Engine 5 with C++ as the core language, additional JavaScript integration via Unreal.js, and discusses community speculation about tools like PuerTS while also containing promotional material for development tools.

Game DevelopmentJavaScriptPuerts
0 likes · 4 min read
Technical Stack of the Chinese AAA Game “Black Myth: Wukong”
21CTO
21CTO
Aug 26, 2024 · Frontend Development

Building a Mac Desktop App with Tauri 2.0: From Web Frontend to Rust Backend

This guide walks through creating a macOS desktop application using Tauri 2.0, demonstrating how to combine any web front‑end framework with Rust for a secure, lightweight, cross‑platform executable, complete with code samples and build steps.

Desktop AppsJavaScriptTauri
0 likes · 10 min read
Building a Mac Desktop App with Tauri 2.0: From Web Frontend to Rust Backend
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 24, 2024 · Frontend Development

Creating a VSCode Extension to Display a Background Video

This article explains how to develop a VSCode extension that injects a video element into the editor’s workbench, allowing users to set a dynamic background video (such as the Wukong promotional clip), with configurable opacity, video selection, installation, and uninstallation instructions.

Background VideoElectronExtension
0 likes · 8 min read
Creating a VSCode Extension to Display a Background Video
21CTO
21CTO
Aug 20, 2024 · Frontend Development

5 Compelling Reasons to Skip JavaScript Frameworks

This article explains why using a JavaScript framework isn’t always necessary, outlining five practical scenarios—simple projects, pure HTML/CSS solutions, modern ES6 features, creative freedom, and HTMX—that allow developers to build efficient web applications without added complexity.

HTMXJavaScriptWeb Development
0 likes · 7 min read
5 Compelling Reasons to Skip JavaScript Frameworks
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Aug 18, 2024 · Frontend Development

Understanding ESLint: Core Concepts, Configuration Complexity, and Debugging Techniques

This article explains ESLint's highly configurable static analysis architecture, clarifies the roles of parsers, processors, configs and plugins, explores the intricacies of its configuration system, and provides practical debugging methods—including performance profiling and a real‑world import/no-cycle case study.

ConfigurationESLintJavaScript
0 likes · 13 min read
Understanding ESLint: Core Concepts, Configuration Complexity, and Debugging Techniques
php Courses
php Courses
Aug 13, 2024 · Fundamentals

Hello World in Five Programming Languages: Python, C#, C++, JavaScript, and PHP

This article explores the classic “Hello World” program across five popular programming languages—Python, C#, C++, JavaScript, and PHP—detailing each language’s syntax, key functions, and code snippets, while reflecting on the significance of this introductory example for beginners.

C++Hello WorldJavaScript
0 likes · 7 min read
Hello World in Five Programming Languages: Python, C#, C++, JavaScript, and PHP
CSS Magic
CSS Magic
Aug 12, 2024 · Frontend Development

Fix the Broken ChatGPT Web Interface with a Custom User Script

When a new ChatGPT web release triggers a "Oops, an error occurred! (Try again)" message on older browsers, the article explains how the missing Array.prototype.toSorted() method causes the failure and guides readers through creating a Tampermonkey user script that injects a polyfill to restore functionality.

ChatGPTJavaScriptPolyfill
0 likes · 11 min read
Fix the Broken ChatGPT Web Interface with a Custom User Script
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Aug 9, 2024 · Backend Development

Run TypeScript Directly in Node.js with the New Experimental Flag

Node.js v22.6.0 introduces the experimental --experimental-strip-types flag, enabling developers to execute TypeScript files directly, but it only strips type annotations at runtime and imposes several usage constraints such as mandatory type‑only imports and explicit file extensions.

BackendExperimental FlagJavaScript
0 likes · 3 min read
Run TypeScript Directly in Node.js with the New Experimental Flag
大转转FE
大转转FE
Aug 9, 2024 · Frontend Development

Mastering JavaScript Prototype Chain: A Complete Guide

This article explains the JavaScript prototype chain in depth, covering the definitions of prototype and __proto__, their relationships, how objects inherit properties, the role of constructors, and includes practical code examples and visual diagrams to illustrate each concept.

InheritanceJavaScriptObject-Oriented
0 likes · 9 min read
Mastering JavaScript Prototype Chain: A Complete Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 9, 2024 · Frontend Development

Deep Data Access in JavaScript: Building the anypath Library for Reading and Writing Nested Structures

This article explains the challenges of reading and writing deeply nested data in JavaScript, introduces native optional‑chaining and TypeScript solutions, and walks through the design and implementation of a reusable anypath library that supports objects, arrays, Maps and Sets.

JavaScriptLibrary DevelopmentTypeScript
0 likes · 13 min read
Deep Data Access in JavaScript: Building the anypath Library for Reading and Writing Nested Structures
21CTO
21CTO
Aug 6, 2024 · Backend Development

Build a Full-Featured Node.js Web Server with Express: Step‑by‑Step Guide

This tutorial walks you through installing Node.js and npm, initializing a project, adding Express, creating routes, handling static files, processing POST requests with body‑parser, implementing simple in‑memory storage, adding error handling, and rendering HTML with EJS, all illustrated with complete code examples.

ExpressJavaScriptNode.js
0 likes · 16 min read
Build a Full-Featured Node.js Web Server with Express: Step‑by‑Step Guide
Python Programming Learning Circle
Python Programming Learning Circle
Aug 5, 2024 · Frontend Development

Creating a Snowfall Effect with JavaScript and CSS

This tutorial demonstrates how to build a realistic snowfall animation on a web page by using CSS radial gradients for snowflakes and a JavaScript class that generates, styles, and animates thousands of snow particles with requestAnimationFrame, including advanced enhancements like speed variation, swing motion, 3D perspective, and rain integration.

CSSJavaScriptSnowfall
0 likes · 11 min read
Creating a Snowfall Effect with JavaScript and CSS
大转转FE
大转转FE
Aug 2, 2024 · Fundamentals

JavaScript Implicit Type Conversions You Didn't Know

This article examines JavaScript’s implicit type conversion mechanisms, illustrating a quirky yet functional code example, detailing conversion rules for symbols, objects, arrays, numbers, booleans, and undefined/null, and highlighting common pitfalls and practical coding tricks.

Implicit ConversionJSFuckJavaScript
0 likes · 11 min read
JavaScript Implicit Type Conversions You Didn't Know
FunTester
FunTester
Aug 2, 2024 · Industry Insights

Why JavaScript Dominates Full‑Stack Web Development and What Skills You Need

This article analyzes how JavaScript’s rich functionality, expanding ecosystem, and single‑language workflow have reshaped web development, outlines the essential front‑end and back‑end skills for full‑stack developers, and explores the career advantages and future trends such as WebAssembly.

BackendEcosystemJavaScript
0 likes · 10 min read
Why JavaScript Dominates Full‑Stack Web Development and What Skills You Need
Sohu Tech Products
Sohu Tech Products
Jul 31, 2024 · Fundamentals

Key ES8 (ECMAScript 2017) Features for Modern JavaScript Development

ES8 (ECMAScript 2017) adds trailing commas, async/await syntax, native Object.values/entries methods, padStart/padEnd string padding, and Object.getOwnPropertyDescriptors, enabling cleaner, more concise, and maintainable JavaScript code while simplifying asynchronous handling and object manipulation for developers.

ES8JavaScriptObject Methods
0 likes · 7 min read
Key ES8 (ECMAScript 2017) Features for Modern JavaScript Development
21CTO
21CTO
Jul 30, 2024 · Frontend Development

What’s New in ECMAScript 2024? Key Features and Their Impact on JavaScript Development

The article reviews ECMAScript 2024, highlighting new small‑scale features such as improved WebAssembly interop, enhanced Promise utilities, group‑by methods, better Unicode handling, async locking with Atomics.waitAsync, and resizable ArrayBuffers, while also discussing upcoming proposals for 2025.

AsyncECMAScript 2024JavaScript
0 likes · 17 min read
What’s New in ECMAScript 2024? Key Features and Their Impact on JavaScript Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 29, 2024 · Frontend Development

Ensuring a Single Token Request Across Multiple API Calls with a repeatOnce Function

This article explains how to prevent multiple simultaneous token requests in a web application by using a custom repeatOnce function that caches the token in localStorage and coordinates pending calls through an event emitter, ensuring only the first request fetches the token while others wait for its result.

JavaScriptPromiseToken
0 likes · 5 min read
Ensuring a Single Token Request Across Multiple API Calls with a repeatOnce Function
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Jul 26, 2024 · Backend Development

Node.js Gains Experimental Native TypeScript Support

Node.js merged PR #53725, introducing the --experimental-strip-types flag that lets developers run TypeScript files directly by transpiling them to JavaScript without type checking, while outlining current limitations such as missing enum and namespace support, .ts file handling, and source‑map absence.

Experimental SupportJavaScriptNode.js
0 likes · 4 min read
Node.js Gains Experimental Native TypeScript Support
Top Architect
Top Architect
Jul 25, 2024 · Backend Development

Implementing Token Silent Refresh with Spring Boot Gateway, Axios Interceptor, and Periodic Timer Monitoring

This article explains how to achieve seamless token silent refresh by handling expiration on the server side with a Spring Boot 3 gateway filter, on the client side with an Axios response interceptor, and by using a TypeScript timer to proactively refresh tokens before they expire, while also discussing the trade‑offs between server‑ and client‑side implementations.

JavaScriptaxiosrefresh()
0 likes · 24 min read
Implementing Token Silent Refresh with Spring Boot Gateway, Axios Interceptor, and Periodic Timer Monitoring
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 25, 2024 · Game Development

Building a First‑Person Shooting Game with Three.js

This tutorial walks through creating a complete first‑person shooter in the browser using Three.js, covering scene setup, floor and lighting, random moving targets, player controls, shooting mechanics, bullet physics, hit detection, explosion effects, and the main animation loop.

3D graphicsFirst-Person ShooterGame Development
0 likes · 16 min read
Building a First‑Person Shooting Game with Three.js
IT Services Circle
IT Services Circle
Jul 23, 2024 · Frontend Development

Vue2 vs Vue3: Differences, New Features, and Migration Guide

This article provides a comprehensive comparison between Vue 2 and Vue 3, detailing their architectural differences, new features such as the Composition API, TypeScript support, fragments, teleport, suspense, virtual‑DOM optimizations, and guidance on state management, build tools, and migration strategies.

Composition APIJavaScriptVue
0 likes · 20 min read
Vue2 vs Vue3: Differences, New Features, and Migration Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 23, 2024 · Frontend Development

Creating Custom ESLint Plugins to Enforce Team Coding Standards

This article explains how to develop custom ESLint plugins—covering background concepts, Yeoman generator setup, rule implementation for typeof and instanceof checks, unit testing, local linking, and providing recommended configurations—to ensure consistent code style and best‑practice enforcement across a development team.

ESLintJavaScriptcustom plugin
0 likes · 12 min read
Creating Custom ESLint Plugins to Enforce Team Coding Standards
FunTester
FunTester
Jul 22, 2024 · Frontend Development

How to Build a Chrome Extension from Scratch: A Complete Step‑by‑Step Guide

This article walks you through the fundamentals of Chrome extension development, covering its advantages, required prerequisites, manifest file creation, core components such as popup pages, background scripts, content scripts, and context menus, complete with practical code examples and configuration details.

Chrome ExtensionJavaScriptManifest V3
0 likes · 14 min read
How to Build a Chrome Extension from Scratch: A Complete Step‑by‑Step Guide
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Jul 19, 2024 · Frontend Development

How Chrome Canary Lets You Run Gemini Nano LLM Directly in the Browser

Chrome Canary’s experimental Gemini Nano feature enables local execution of a large language model in the browser, offering easy deployment, hardware acceleration, offline use, and a Prompt API with createTextSession and streaming calls, plus step‑by‑step instructions and a demo for in‑page translation.

Chrome CanaryGemini NanoJavaScript
0 likes · 8 min read
How Chrome Canary Lets You Run Gemini Nano LLM Directly in the Browser
Sohu Tech Products
Sohu Tech Products
Jul 17, 2024 · Fundamentals

Refactoring Spaghetti Code: Strategies for Complex if‑else Structures

The article explains how deeply nested if‑else statements create spaghetti code and proposes three refactoring techniques—function extraction, lookup‑table mapping, and the responsibility‑chain pattern—to replace complex conditional trees with modular, readable structures that dramatically lower control‑flow complexity.

JavaScriptcode maintainabilityif-else
0 likes · 9 min read
Refactoring Spaghetti Code: Strategies for Complex if‑else Structures
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 17, 2024 · Frontend Development

Rapid Development of a Vue3 Carousel Component Using Doubao MarsCode Online IDE

The article details how the author leveraged Doubao MarsCode's AI‑powered online IDE to quickly set up a Vue3 project, import a git repository, switch Node versions, install dependencies, develop a paginated carousel component with full code snippets, and evaluate the platform's strengths and weaknesses.

CarouselJavaScriptMarsCode
0 likes · 21 min read
Rapid Development of a Vue3 Carousel Component Using Doubao MarsCode Online IDE
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 16, 2024 · Frontend Development

Implementing Object Glow Effect in Three.js Using EffectComposer

This tutorial demonstrates how to create a glowing effect for 3D objects in three.js by setting up a basic HTML framework, loading a GLTF model, configuring EffectComposer with RenderPass, UnrealBloomPass, and OutputPass, adding automatic rotation, a GUI for parameter tweaking, and a performance monitor, all illustrated with complete source code.

EffectComposerJavaScriptThree.js
0 likes · 18 min read
Implementing Object Glow Effect in Three.js Using EffectComposer
21CTO
21CTO
Jul 15, 2024 · Backend Development

Bridging Python and JavaScript: Inside the PythonMonkey Runtime

PythonMonkey is a SpiderMonkey‑based JavaScript runtime embedded in Python that lets developers run JavaScript inside Python and vice‑versa, offering WebAssembly support, a Node‑like PMJS environment, and a roadmap of cross‑language features aimed at speeding development and reducing maintenance overhead.

Cross-languageJavaScriptPythonMonkey
0 likes · 10 min read
Bridging Python and JavaScript: Inside the PythonMonkey Runtime
DaTaobao Tech
DaTaobao Tech
Jul 12, 2024 · Game Development

Game Development Techniques: Pathfinding, Depth Sorting, and Parallax Effects in a 2D Chicken Game

The article walks through building a 2D chicken game, contrasting a costly ray‑casting pathfinder with an optimal A* grid‑based solution, detailing node classes, heuristics, and JavaScript code, while also covering parallax scrolling, bottom‑Y depth sorting, a unified timer system, and a dual Phaser‑Rax rendering architecture.

A* algorithmGame DevelopmentJavaScript
0 likes · 18 min read
Game Development Techniques: Pathfinding, Depth Sorting, and Parallax Effects in a 2D Chicken Game
Python Programming Learning Circle
Python Programming Learning Circle
Jul 11, 2024 · Frontend Development

Creating a Snowfall Effect with HTML, CSS, and JavaScript

This tutorial walks through building a realistic snowfall animation on a web page using HTML span elements, CSS radial gradients, and JavaScript classes to generate, style, animate, and recycle thousands of snowflakes with optional swing, speed variations, 3‑D perspective, and performance‑optimized transforms.

CSSHTMLJavaScript
0 likes · 12 min read
Creating a Snowfall Effect with HTML, CSS, and JavaScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 11, 2024 · Backend Development

Implementing Online User Counting with Redis Sorted Sets (zset)

This article explains how to track online users by assigning each user a unique identifier, storing it in a Redis sorted set with an expiration timestamp, and using zadd, zrangeByScore, zremrangeByScore, and zrem commands together with browser fingerprinting to reliably count and clean up active sessions.

BackendFingerprintJSJavaScript
0 likes · 7 min read
Implementing Online User Counting with Redis Sorted Sets (zset)
Goodme Frontend Team
Goodme Frontend Team
Jul 4, 2024 · Frontend Development

Curated Frontend Resources: JS Frameworks, React Diff, CSS Mastery & More

This newsletter curates recent frontend news and deep‑dive articles covering the State of JavaScript 2023, large‑model trends, OpenAI's acquisition of Multi, RPA debates, building a modern JS framework, CSS importance, React's diff algorithm, a UX design book, plus practical tips on Taro, MQTT and data‑center interfaces.

JavaScriptResourcesUX
0 likes · 6 min read
Curated Frontend Resources: JS Frameworks, React Diff, CSS Mastery & More
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 4, 2024 · Frontend Development

Implementing Map Drill‑Down with Echarts in Vue 3

This tutorial demonstrates how to create an interactive Echarts map that supports drill‑down to county level and back navigation using Vue 3, vue‑echarts, and Vite, covering data acquisition, option configuration, event handling, and full component code.

Data visualizationJavaScriptMap Drill-Down
0 likes · 10 min read
Implementing Map Drill‑Down with Echarts in Vue 3