BestHub
Sign in
Tagged articles

JavaScript

2473 articles · Page 5 of 25
JavaScript
JavaScript
Feb 23, 2025 · Frontend Development

12 Essential Destructuring Techniques to Write Cleaner JavaScript

This article presents twelve practical ES6 destructuring patterns—including array basics, object renaming, default values, nested structures, spread operator usage, function parameters, dynamic keys, variable swapping, chained assignments, regex matching, module imports, and conditional destructuring—to help developers write more concise and readable JavaScript code.

Coding TipsJavaScriptWeb Development
0 likes · 4 min read
12 Essential Destructuring Techniques to Write Cleaner JavaScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 23, 2025 · Frontend Development

AutoHue.js: Automatic Image Color Extraction for Web Banners

This article introduces AutoHue.js, a lightweight JavaScript library that uses Canvas, Lab color space conversion, and clustering algorithms to automatically extract dominant, secondary, and edge colors from images for seamless background integration in web banners, complete with usage examples and installation instructions.

AutoHueCanvasClustering
0 likes · 16 min read
AutoHue.js: Automatic Image Color Extraction for Web Banners
JavaScript
JavaScript
Feb 22, 2025 · Frontend Development

Why JavaScript’s Map Outshines Objects: 6 Powerful Advantages

This article explains six key reasons why the ES6 Map data structure is superior to traditional objects, covering flexible key types, order preservation, easy size retrieval, prototype isolation, performance benefits, and built‑in iteration methods, while also noting scenarios where objects remain useful.

JavaScriptKey-ValueObject
0 likes · 5 min read
Why JavaScript’s Map Outshines Objects: 6 Powerful Advantages
JavaScript
JavaScript
Feb 21, 2025 · Frontend Development

10 Clever Ways to Replace if‑else in JavaScript

This article presents ten practical techniques—including object mapping, Array.includes, ternary chains, logical operators, switch patterns, Proxy, functional programming, state machines, and decorators—to simplify and shorten JavaScript conditional logic, each illustrated with clear code examples.

Code RefactoringConditional LogicDesign Patterns
0 likes · 3 min read
10 Clever Ways to Replace if‑else in JavaScript
JavaScript
JavaScript
Feb 20, 2025 · Frontend Development

What’s New in ES2025? 7 Game‑Changing JavaScript Features You Must Try

This article introduces seven highly anticipated ES2025 JavaScript features—including deferred module evaluation, pattern matching, native type annotations, a smart pipeline operator, exception groups, records & tuples, and block parameters—explaining their syntax, advantages, and practical use cases for modern web development.

ES2025JavaScriptNew Language Features
0 likes · 4 min read
What’s New in ES2025? 7 Game‑Changing JavaScript Features You Must Try
JavaScript
JavaScript
Feb 18, 2025 · Frontend Development

Why Your setTimeout Callback Breaks: Mastering JavaScript this Binding

This article explains why a typical setTimeout callback loses its this context, outlines the four binding rules in JavaScript, and presents both classic fixes and modern approaches such as arrow functions and class field syntax to avoid common pitfalls in frontend development.

Arrow FunctionsJavaScriptcallback
0 likes · 4 min read
Why Your setTimeout Callback Breaks: Mastering JavaScript this Binding
JavaScript
JavaScript
Feb 17, 2025 · Frontend Development

Why Vue 3 Switched to Proxy: Overcoming Vue 2’s Reactivity Limits

Vue 2’s reactivity relied on Object.defineProperty, which struggled with array mutations, dynamic properties, and performance overhead, prompting the Vue 3 team to adopt Proxy for full array support, seamless property tracking, and lazy, more efficient reactive handling, as illustrated by code comparisons.

JavaScriptObject.definePropertyReactivity
0 likes · 4 min read
Why Vue 3 Switched to Proxy: Overcoming Vue 2’s Reactivity Limits
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 16, 2025 · Frontend Development

Building a Frontend Performance Monitoring SDK: Theory, Metrics, and Implementation

This article explains the importance of frontend performance monitoring, outlines core metrics such as FCP, LCP, FP, CLS, and demonstrates how to implement a comprehensive SDK using PerformanceObserver, custom configuration, and wrappers for fetch and XMLHttpRequest to capture resource and network data for batch reporting.

JavaScriptPerformance MonitoringSDK
0 likes · 16 min read
Building a Frontend Performance Monitoring SDK: Theory, Metrics, and Implementation
JavaScript
JavaScript
Feb 15, 2025 · Frontend Development

30 Essential One‑Line JavaScript Tricks to Boost Your Coding Efficiency

This article presents a curated collection of concise one‑line JavaScript techniques—including array manipulation, string handling, object utilities, functional programming, date/time processing, DOM operations, and performance‑optimizing functions—each illustrated with clear code examples to boost developer productivity.

JavaScriptcode snippetsfrontend
0 likes · 4 min read
30 Essential One‑Line JavaScript Tricks to Boost Your Coding Efficiency
JavaScript
JavaScript
Feb 14, 2025 · Frontend Development

5 Powerful JavaScript Debugging Techniques Every Front‑End Developer Should Know

Discover five advanced debugging strategies—including effective use of the debugger breakpoint, console’s advanced methods, source maps for production code, asynchronous debugging tricks, and performance profiling tools—to quickly identify and resolve complex JavaScript issues in modern front‑end development.

DebuggingJavaScriptPerformance
0 likes · 4 min read
5 Powerful JavaScript Debugging Techniques Every Front‑End Developer Should Know
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 14, 2025 · Frontend Development

Vue API Beginner's Guide: Core Concepts, Practical Cases, and Best Practices

This comprehensive tutorial introduces Vue.js core APIs—including component creation, reactive data handling, lifecycle hooks, routing, and state management—illustrates their use through e‑commerce cart and social feed examples, and provides performance tips and common pitfalls for front‑end developers.

JavaScriptState ManagementVue.js
0 likes · 25 min read
Vue API Beginner's Guide: Core Concepts, Practical Cases, and Best Practices
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 13, 2025 · Frontend Development

A Practical Guide to Using Web Workers for Front‑End Performance Optimization

This article introduces Web Workers as an HTML5 API for running background threads, explains their creation and communication mechanisms, provides a complete Fibonacci calculation demo with full source code, and discusses common pitfalls such as asynchronous postMessage behavior, data serialization, and proper thread termination.

HTML5JavaScriptPerformance
0 likes · 9 min read
A Practical Guide to Using Web Workers for Front‑End Performance Optimization
JavaScript
JavaScript
Feb 12, 2025 · Frontend Development

8 Essential JavaScript Refactoring Techniques to Write Cleaner, Maintainable Code

Discover eight practical JavaScript refactoring strategies—including extracting reusable functions, using object destructuring, early returns, enum constants, single-responsibility functions, function composition, optional chaining, and pure functions—to boost code readability, maintainability, and testability for modern frontend development.

JavaScriptRefactoringcode quality
0 likes · 4 min read
8 Essential JavaScript Refactoring Techniques to Write Cleaner, Maintainable Code
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Feb 10, 2025 · Frontend Development

Mastering Emoji in Front‑End Development

This article explains the Unicode foundation of Emoji, shows how to insert and style them in HTML, CSS and JavaScript, discusses common pitfalls with surrogate pairs and string slicing, and presents modern solutions such as Intl.Segmenter and libraries like grapheme‑splitter and emoji‑regex for reliable handling.

CSSEmojiIntl.Segmenter
0 likes · 14 min read
Mastering Emoji in Front‑End Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 9, 2025 · Frontend Development

A Comprehensive Guide to Using Pinia for State Management in Vue 3

This article explains why Pinia is a lightweight alternative to Vuex, shows how to install and configure Pinia in a Vue project, demonstrates both option‑store and setup‑store definitions, covers state, getters, actions, destructuring techniques, built‑in helpers like $reset, $patch, $state, $subscribe, and introduces persistence with pinia‑plugin‑persistedstate.

JavaScriptPiniaState Management
0 likes · 9 min read
A Comprehensive Guide to Using Pinia for State Management in Vue 3
JavaScript
JavaScript
Feb 8, 2025 · Frontend Development

Avoid JavaScript Closure Pitfalls: Memory Leaks, Shared Variables, and Side Effects

This article explains how JavaScript closures, while powerful for encapsulation and modularity, can cause memory leaks, unexpected variable sharing in loops, and side‑effects when external variables are modified, and provides practical solutions such as releasing references, using let, IIFEs, bind, and immutable patterns.

JavaScriptclosuresloop
0 likes · 6 min read
Avoid JavaScript Closure Pitfalls: Memory Leaks, Shared Variables, and Side Effects
JavaScript
JavaScript
Feb 7, 2025 · Frontend Development

Mastering Promise Concurrency: Techniques to Control Async Tasks in JavaScript

This article explains how to manage Promise concurrency in JavaScript, covering built‑in methods like Promise.all, allSettled, race, any, custom throttling functions, third‑party libraries, generator‑based solutions, and message‑queue approaches to improve performance and user experience.

JavaScriptPromiseasync
0 likes · 8 min read
Mastering Promise Concurrency: Techniques to Control Async Tasks in JavaScript
21CTO
21CTO
Feb 6, 2025 · Fundamentals

Which Programming Languages Will Dominate 2025? Insights from PYPL & TIOBE

Based on the 2025 PYPL popularity index and TIOBE rankings, this article examines the top programming languages—such as Python, JavaScript, Java, TypeScript, PHP, C#, Rust, Go, Kotlin, and Swift—detailing their descriptions, key features, primary uses, and current popularity trends.

2025 trendsJavaScriptPython
0 likes · 9 min read
Which Programming Languages Will Dominate 2025? Insights from PYPL & TIOBE
Python Programming Learning Circle
Python Programming Learning Circle
Feb 6, 2025 · Artificial Intelligence

Key Technology Trends for 2025 and 2024: AI, DevOps, Cloud Security, and JavaScript Insights

This article summarizes major 2025 Gartner strategic technology trends, the 2024 DORA DevOps report, GitHub Octoverse findings, DataDog cloud‑security analysis, and the 2024 JavaScript state survey, highlighting AI advancements, cloud security challenges, developer productivity metrics, and emerging programming language popularity.

AICloud securityDevOps
0 likes · 14 min read
Key Technology Trends for 2025 and 2024: AI, DevOps, Cloud Security, and JavaScript Insights
JavaScript
JavaScript
Feb 6, 2025 · Frontend Development

Boost Your JavaScript Debugging: Proven Tips to Find and Fix Errors Faster

Learn practical JavaScript debugging techniques—including source maps, strategic breakpoints, advanced console tools, async debugging, performance analysis, error monitoring, environment optimization, and test‑driven debugging—to quickly locate and fix errors in complex web applications.

JavaScriptbreakpointstesting
0 likes · 4 min read
Boost Your JavaScript Debugging: Proven Tips to Find and Fix Errors Faster
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Feb 6, 2025 · Frontend Development

Chrome Introduces the New moveBefore DOM API

Chrome 133+ adds the moveBefore method, a new DOM operation that moves elements while preserving their state, offering developers a simpler alternative to removeChild/insertBefore and improving scenarios like video playback, focus retention, and animation continuity.

ChromeDOMJavaScript
0 likes · 7 min read
Chrome Introduces the New moveBefore DOM API
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 6, 2025 · Frontend Development

Component Communication in React 18 and Vue 3: Parent‑Child, Sibling, and Cross‑Level Patterns

This article compares React 18 and Vue 3 component communication techniques—including parent‑child, sibling, and cross‑level patterns—provides detailed code examples for props, emit, context, provide/inject, and summarizes their respective advantages and use cases in modern web development.

Context APIJavaScriptReAct
0 likes · 13 min read
Component Communication in React 18 and Vue 3: Parent‑Child, Sibling, and Cross‑Level Patterns
JavaScript
JavaScript
Feb 5, 2025 · Frontend Development

8 Essential JavaScript String Tricks to Boost Your Code Efficiency

This article presents eight practical JavaScript string manipulation techniques—including template literals, slice shortcuts, repeat, padding, includes, case conversion, split/join, and advanced regex replacements—each illustrated with clear code examples to help developers write cleaner, more efficient code.

JavaScriptString ManipulationTemplate literals
0 likes · 4 min read
8 Essential JavaScript String Tricks to Boost Your Code Efficiency
21CTO
21CTO
Feb 2, 2025 · Frontend Development

5 JavaScript Libraries That Will Be Obsolete by 2025 – Modern Alternatives

This article identifies five JavaScript libraries—jQuery, Moment.js, Lodash, Underscore.js, and RequireJS—that are likely to become outdated by 2025, explains why they’re being phased out, and recommends modern native APIs, ES6+ features, and lightweight alternatives such as native DOM methods, date‑fns, Luxon, and bundlers like Webpack or Vite.

2025JavaScriptLibraries
0 likes · 10 min read
5 JavaScript Libraries That Will Be Obsolete by 2025 – Modern Alternatives
21CTO
21CTO
Feb 2, 2025 · Frontend Development

How JavaScript Was Born in Just One Week: The Untold Story

This article recounts how Brendan Eich created the first prototype of JavaScript in a single week for Netscape, detailing the language's origins, rapid development, early naming, and its lasting impact on modern web development.

JavaScriptNetscapeWeb Development
0 likes · 5 min read
How JavaScript Was Born in Just One Week: The Untold Story
21CTO
21CTO
Jan 30, 2025 · Artificial Intelligence

What Are the Top Tech Trends Shaping 2025? AI, Cloud, DevOps & JavaScript Insights

This article compiles the latest strategic technology trends for 2025, including Gartner's AI forecasts, DORA's 2024 DevOps metrics, GitHub's Octoverse data showing Python's rise, DataDog's cloud security findings, and the 2024 JavaScript ecosystem survey, offering a comprehensive view of the evolving tech landscape.

AICloud securityDevOps
0 likes · 19 min read
What Are the Top Tech Trends Shaping 2025? AI, Cloud, DevOps & JavaScript Insights
vivo Internet Technology
vivo Internet Technology
Jan 22, 2025 · Frontend Development

Developing a Babel Plugin to Automatically Add Optional Chaining (?.) and Prevent TypeError

The article explains how to create a custom Babel plugin that automatically transforms risky member and call expressions into optional‑chaining equivalents during bundling, using configurable include/exclude patterns and short‑circuit optimizations, thereby preventing TypeError in large JavaScript codebases while noting a modest bundle‑size increase.

BabelJavaScriptTypeError Prevention
0 likes · 14 min read
Developing a Babel Plugin to Automatically Add Optional Chaining (?.) and Prevent TypeError
Aikesheng Open Source Community
Aikesheng Open Source Community
Jan 21, 2025 · Databases

New and Changed Features in MySQL 9.2.0

MySQL 9.2.0 introduces the CREATE_SPATIAL_REFERENCE_SYSTEM privilege, JavaScript library support, enhanced SQL stored routine APIs, ENUM and SET handling, EXPLAIN FORMAT=JSON version 2, while deprecating several version‑token functions and privileges and removing keyword restrictions, providing a comprehensive overview of additions, deprecations, and removals.

DatabaseJavaScriptMySQL
0 likes · 9 min read
New and Changed Features in MySQL 9.2.0
JavaScript
JavaScript
Jan 20, 2025 · Frontend Development

Essential JavaScript Coding Standards for Clean, Maintainable Code

This guide outlines comprehensive JavaScript coding standards—including naming conventions, strict mode, variable declarations, indentation, semicolons, string usage, spacing, comments, module imports, conditional expressions, async handling, destructuring, error handling, function design, and performance tips—to improve readability, consistency, and maintainability across teams.

JavaScriptStyle Guidecode quality
0 likes · 5 min read
Essential JavaScript Coding Standards for Clean, Maintainable Code
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 20, 2025 · Game Development

Building a Super Mario MVP with LeaferJS and Vue

This article demonstrates how to create a minimal Super Mario‑style platformer using JavaScript, LeaferJS for graphics rendering, and Vue for UI and map editing, covering background looping, scene management, sprite classes, a simple physics engine with gravity, collision detection, jumping, camera follow, scoring, and a basic victory condition.

JavaScriptLeaferJSSuper Mario
0 likes · 8 min read
Building a Super Mario MVP with LeaferJS and Vue
JavaScript
JavaScript
Jan 18, 2025 · Frontend Development

8 Essential JavaScript Error‑Handling Techniques for More Resilient Apps

Master robust JavaScript error handling with eight practical strategies—including async try‑catch, global handlers, custom error types, graceful degradation, error boundaries, promise chain management, log level structuring, and automatic recovery—to boost application stability and improve user experience.

JavaScriptLoggingasync
0 likes · 6 min read
8 Essential JavaScript Error‑Handling Techniques for More Resilient Apps
大转转FE
大转转FE
Jan 17, 2025 · Frontend Development

ESLint: Past, Present, and Future

This article traces the evolution of ESLint from its early role as a simple JavaScript linter to the introduction of the Flat Config system in ESLint 9, examines the challenges of extends, multi‑format support, plugins, and shared configurations, and explores new tools like Config Inspector, eslint‑flat‑config‑utils, ESLint Stylistic, and future multi‑language support.

ConfigurationESLintFlat Config
0 likes · 17 min read
ESLint: Past, Present, and Future
JavaScript
JavaScript
Jan 16, 2025 · Frontend Development

8 Common JavaScript Pitfalls Every Developer Should Avoid

This article outlines eight frequent JavaScript traps—from type coercion and variable hoisting to this binding, closures, numeric precision, array method quirks, Promise misuse, and event‑listener memory leaks—explaining why they occur and how to resolve them.

JavaScriptbugsclosures
0 likes · 5 min read
8 Common JavaScript Pitfalls Every Developer Should Avoid
21CTO
21CTO
Jan 15, 2025 · Frontend Development

How to Become a Front-End Developer by 2025: A Complete Roadmap

This guide outlines a step‑by‑step roadmap for aspiring front‑end developers, covering essential fundamentals, workspace setup, HTML/CSS, JavaScript, version control, React and bonus skills, with realistic timelines to help you reach a professional level by 2025.

CSSGitHTML
0 likes · 8 min read
How to Become a Front-End Developer by 2025: A Complete Roadmap
JavaScript
JavaScript
Jan 15, 2025 · Frontend Development

Why Traditional JavaScript for Loops Are Obsolete and Better Alternatives

Although the classic JavaScript for loop remains fundamental, modern ECMAScript features and array methods like forEach, map, filter, and newer constructs such as for…of provide more readable, functional, and concise ways to iterate, while the traditional loop still has niche uses where precise control or performance matters.

JavaScriptes6for loop
0 likes · 7 min read
Why Traditional JavaScript for Loops Are Obsolete and Better Alternatives
Java Architect Essentials
Java Architect Essentials
Jan 14, 2025 · Databases

Implementing Online User Counting with Redis Sorted Sets (ZSET)

This article explains how to track online users by storing their identifiers in a Redis sorted set, using expiration timestamps as scores, and demonstrates adding, querying, and cleaning up entries with ZADD, ZRANGEBYSCORE, ZREMRANGEBYSCORE, and ZREM commands in both Java and JavaScript.

JavaJavaScriptRedis
0 likes · 7 min read
Implementing Online User Counting with Redis Sorted Sets (ZSET)
JavaScript
JavaScript
Jan 13, 2025 · Frontend Development

Boost Your JavaScript Productivity with 6 Powerful Tricks

This article presents six practical JavaScript techniques—including advanced object destructuring, functional array methods, async/await patterns, optional chaining, Set/Map usage, and sophisticated template literals—each illustrated with clear code examples to dramatically improve development efficiency.

Async/AwaitJavaScriptSet
0 likes · 5 min read
Boost Your JavaScript Productivity with 6 Powerful Tricks
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 12, 2025 · Frontend Development

Understanding and Implementing Vue's nextTick Mechanism

This article explains the inner workings of Vue's nextTick function, detailing its callback queue, flushing logic, timer selection across environments, Promise‑based return, and provides a step‑by‑step JavaScript implementation with test cases and the full Vue source code.

JavaScriptPromiseVue
0 likes · 10 min read
Understanding and Implementing Vue's nextTick Mechanism
JavaScript
JavaScript
Jan 10, 2025 · Mobile Development

Boost WeChat Mini Program Performance: 12 Proven Optimization Techniques

Learn how to dramatically improve the speed and responsiveness of your WeChat Mini Program by applying twelve practical optimization strategies, including first‑screen loading, data preloading, image handling, setData reduction, event throttling, selector queries, component lifecycles, list rendering keys, caching, timers, IntersectionObserver, and network request management.

JavaScriptOptimizationWeChat mini program
0 likes · 5 min read
Boost WeChat Mini Program Performance: 12 Proven Optimization Techniques
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 10, 2025 · Frontend Development

Implementing a Seamless Carousel with Vue: Dynamic Data Switching, Transition Effects, and Auto‑Play Controls

This tutorial explains how to build a seamless carousel in Vue by dynamically switching a data list, using the Transition component for enter/leave animations, adding an auto‑play timer, handling hover pause/resume, and solving visibility‑change flicker with concise CSS and JavaScript code.

CSSCarouselJavaScript
0 likes · 9 min read
Implementing a Seamless Carousel with Vue: Dynamic Data Switching, Transition Effects, and Auto‑Play Controls
JavaScript
JavaScript
Jan 9, 2025 · Frontend Development

12 Little‑Known JavaScript Tricks Every Developer Should Know

This article reveals twelve obscure JavaScript features—from the function length property and the versatile void operator to advanced uses of optional chaining, Symbol.asyncIterator, and the Intl API—providing practical code examples and visual illustrations for modern web developers.

Advanced JavaScriptES2020JavaScript
0 likes · 7 min read
12 Little‑Known JavaScript Tricks Every Developer Should Know
Sohu Tech Products
Sohu Tech Products
Jan 8, 2025 · Frontend Development

React‑scan: Fine‑Grained Performance Monitoring for React Applications

React‑scan is a lightweight library that automatically monitors and visualizes component render activity in real‑time, requiring minimal setup, to help developers quickly identify and eliminate unnecessary re‑renders in complex React applications, improving performance without altering existing code.

JavaScriptPerformance OptimizationReAct
0 likes · 11 min read
React‑scan: Fine‑Grained Performance Monitoring for React Applications
JavaScript
JavaScript
Jan 8, 2025 · Frontend Development

14 Must-Have VSCode Extensions to Supercharge Your Front‑End Workflow

This guide lists fourteen essential VSCode extensions for front‑end developers, covering AI code assistants, linting, formatting, navigation, error feedback, dependency size visualization, API testing, Git enhancements, path completion, live server, real‑time execution, project management, and quick code running, each with key features and tips.

AI assistantsJavaScriptProductivity
0 likes · 11 min read
14 Must-Have VSCode Extensions to Supercharge Your Front‑End Workflow
FunTester
FunTester
Jan 8, 2025 · Frontend Development

Master Chrome Extension APIs: History, Downloads, and Storage Management

This article provides a comprehensive guide to Chrome extension development, covering the History, Downloads, and Storage APIs with practical code examples, advanced usage tips, privacy considerations, and custom scripts for efficient data management.

Chrome ExtensionDownloads APIHistory API
0 likes · 10 min read
Master Chrome Extension APIs: History, Downloads, and Storage Management
JavaScript
JavaScript
Jan 7, 2025 · Frontend Development

25 Must‑Know ES202x Features to Supercharge Your JavaScript Code

This article introduces 25 powerful ECMAScript enhancements—including optional chaining, nullish coalescing, private class fields, dynamic imports, and decorators—explaining their benefits and providing concise code examples to help developers write cleaner, more efficient JavaScript.

ES202xJavaScriptNew Features
0 likes · 7 min read
25 Must‑Know ES202x Features to Supercharge Your JavaScript Code
Alibaba Cloud Developer
Alibaba Cloud Developer
Jan 6, 2025 · Artificial Intelligence

Create a Real‑Time AI Voice Assistant on Alibaba Cloud in Minutes

Learn how to quickly build a custom AI voice assistant using Alibaba Cloud's ARTC real‑time audio‑video service, integrate it into websites or mobile apps with a few JavaScript lines, and customize workflows, agents, and private knowledge bases through the IMS and Function Compute platform.

AIJavaScriptreal-time voice interaction
0 likes · 9 min read
Create a Real‑Time AI Voice Assistant on Alibaba Cloud in Minutes
JavaScript
JavaScript
Jan 6, 2025 · Frontend Development

16 Essential JavaScript Shortcuts to Write Cleaner, Faster Code

Discover 16 practical JavaScript shortcuts—from ternary operators and nullish coalescing to dynamic object properties—that streamline code, improve readability, and boost development speed, complete with side‑by‑side traditional and concise examples for everyday projects.

JavaScriptShortcutsbest practices
0 likes · 4 min read
16 Essential JavaScript Shortcuts to Write Cleaner, Faster Code
JavaScript
JavaScript
Jan 2, 2025 · Frontend Development

7 Practical Arrow Function Patterns to Master ‘this’ in JavaScript

This article explores seven common scenarios where JavaScript arrow functions elegantly resolve the notorious ‘this’ binding issues—ranging from object methods and event callbacks to constructors, prototype methods, array callbacks, timers, and dynamic contexts—helping developers write cleaner, more maintainable code.

Arrow FunctionsJavaScriptes6
0 likes · 7 min read
7 Practical Arrow Function Patterns to Master ‘this’ in JavaScript
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Dec 31, 2024 · Fundamentals

Unlocking Code Quality: A 17k‑Word Deep Dive into Code Maintainability

This comprehensive guide explains what code maintainability means, why it matters for long‑term project health, and how to measure and improve it using concrete metrics such as naming conventions, comment density, code volume, logical line count, cyclomatic complexity, similarity, redundancy, and module dependencies, with practical examples and tool recommendations for JavaScript front‑end development.

ESLintJavaScriptcode metrics
0 likes · 50 min read
Unlocking Code Quality: A 17k‑Word Deep Dive into Code Maintainability
JavaScript
JavaScript
Dec 31, 2024 · Frontend Development

Detect and Fix Common JavaScript Memory Leaks in Front‑End Development

This guide explains what JavaScript memory leaks are, illustrates typical front‑end leak scenarios such as forgotten timers, detached DOM references, improper closures, global variables, open WebSockets, misuse of Map/Set, and console logs, and provides practical solutions to prevent and resolve each issue.

DebuggingGarbage CollectionJavaScript
0 likes · 7 min read
Detect and Fix Common JavaScript Memory Leaks in Front‑End Development
JavaScript
JavaScript
Dec 30, 2024 · Frontend Development

Master JavaScript’s ‘this’: 4 Binding Rules, Arrow Functions & Best Practices

This article demystifies JavaScript’s notoriously tricky ‘this’ keyword by explaining its four binding rules—default, implicit, explicit, and new—showing practical code examples, illustrating how arrow functions inherit lexical this, and offering best‑practice tips to avoid common pitfalls in modern front‑end development.

BindingJavaScriptarrow function
0 likes · 7 min read
Master JavaScript’s ‘this’: 4 Binding Rules, Arrow Functions & Best Practices
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 29, 2024 · Frontend Development

Encapsulating WebSocket with Reconnection, Heartbeat, and Event Handling in JavaScript/TypeScript

This article explains how to wrap WebSocket in a reusable JavaScript/TypeScript class that provides automatic reconnection, heartbeat monitoring, event callbacks, connection state management, and graceful destruction, while also comparing WebSocket advantages over traditional HTTP polling for real‑time H5 applications.

HeartbeatJavaScriptRealtime
0 likes · 14 min read
Encapsulating WebSocket with Reconnection, Heartbeat, and Event Handling in JavaScript/TypeScript
JavaScript
JavaScript
Dec 28, 2024 · Frontend Development

12 Essential JavaScript String Tricks Every Front‑End Developer Should Know

Discover twelve practical JavaScript string manipulation techniques—from padStart/padEnd and replaceAll to template literals, includes, and regex matching—that streamline formatting, validation, and data extraction, helping front‑end developers write cleaner, more efficient code.

Coding TipsJavaScriptWeb Development
0 likes · 6 min read
12 Essential JavaScript String Tricks Every Front‑End Developer Should Know
21CTO
21CTO
Dec 27, 2024 · Frontend Development

What Front‑End Innovations Will Redefine Web Development in 2025?

This article explores the major front‑end trends shaping 2025, including Angular Signals, RxJS enhancements, standalone components, new React server‑side features, Vue performance upgrades, next‑gen build tools like Vite 6 and Bun, and the growing impact of AI on developer workflows.

2025AIBuild Tools
0 likes · 10 min read
What Front‑End Innovations Will Redefine Web Development in 2025?
JavaScript
JavaScript
Dec 27, 2024 · Frontend Development

Unlock ES2024: 8 Game-Changing JavaScript Features You Must Use

This article introduces eight practical ES2024 JavaScript enhancements—including the modern Temporal API, Object.groupBy, RegExp match indices, Atomics.waitAsync, ArrayBuffer.transfer, structured error causes, WeakSet cleanup, and Promise.withResolvers—showing concise before‑and‑after code examples that improve readability, performance, and debugging.

Atomics.waitAsyncJavaScriptObject.groupBy
0 likes · 6 min read
Unlock ES2024: 8 Game-Changing JavaScript Features You Must Use
21CTO
21CTO
Dec 26, 2024 · Fundamentals

2024 Programming Language Rankings: What JetBrains' Report Reveals

JetBrains' 2024 Developer Ecosystem Report, based on responses from over 23,000 developers, shows JavaScript remains the most used language, while TypeScript, Rust, and Python surge in popularity, with detailed usage percentages, growth trends, and the new Language Outlook Index highlighting future prospects.

Developer SurveyJavaScriptJetBrains
0 likes · 5 min read
2024 Programming Language Rankings: What JetBrains' Report Reveals
JavaScript
JavaScript
Dec 26, 2024 · Frontend Development

12 Essential Mobile Web Issues and How to Fix Them

This article outlines twelve common mobile web challenges—from 1px borders and 300 ms click delays to safe‑area handling and image loading optimization—providing concise CSS and JavaScript solutions to improve responsiveness, usability, and performance across diverse devices.

CSSJavaScriptPerformance
0 likes · 6 min read
12 Essential Mobile Web Issues and How to Fix Them
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 26, 2024 · Fundamentals

Monorepo Tool Selection and Migration Strategy: Comparative Analysis and Best Practices for 2024

This article examines the challenges of Multirepo architectures, evaluates popular 2024 Monorepo tools such as Rush, Turborepo, Lerna, Yarn Workspaces, Pnpm Workspaces, and Nx, and provides a detailed comparison to guide teams in selecting the most suitable tool and workflow for efficient dependency and version management.

JavaScriptMonorepoTool comparison
0 likes · 26 min read
Monorepo Tool Selection and Migration Strategy: Comparative Analysis and Best Practices for 2024
JavaScript
JavaScript
Dec 25, 2024 · Frontend Development

7 Essential JavaScript Array Methods Every Developer Should Master

This guide explores seven powerful JavaScript array methods—map, filter, reduce, forEach, find, some, and every—detailing their syntax, practical examples, performance tips, and how to combine them for efficient data manipulation in modern web development.

JavaScriptPerformancearray methods
0 likes · 9 min read
7 Essential JavaScript Array Methods Every Developer Should Master
JavaScript
JavaScript
Dec 23, 2024 · Frontend Development

Unlock ES2024: 8 Game-Changing JavaScript Features You Must Try

This article introduces eight powerful ES2024 JavaScript enhancements—including Promise.withResolvers, ArrayBuffer.transfer, Unicode string utilities, the regex v flag, Object.groupBy, Atomics.waitAsync, and new non‑mutating array methods—explaining their usage, benefits, and performance impact for modern web development.

ArrayBufferAtomicsJavaScript
0 likes · 6 min read
Unlock ES2024: 8 Game-Changing JavaScript Features You Must Try
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 21, 2024 · Frontend Development

Understanding the New “use” Hook in React 19 and Its Impact on UI Development

This article introduces React 19’s new use hook that reduces reliance on useEffect, explains how to work with resolved promises, demonstrates conditional usage and integration with Suspense through detailed code examples, and discusses practical considerations when using the hook in modern frontend projects.

JavaScriptReActReact19
0 likes · 9 min read
Understanding the New “use” Hook in React 19 and Its Impact on UI Development
Alibaba Cloud Developer
Alibaba Cloud Developer
Dec 17, 2024 · Frontend Development

Choosing the Best LangChain Text Splitter for Frontend LLM Apps

This article compares five LangChain text splitters—CharacterTextSplitter, RecursiveCharacterTextSplitter, TokenTextSplitter, MarkdownTextSplitter, and LatexTextSplitter—by examining their principles, pros and cons, and ideal use cases, helping developers select the most suitable splitter for their frontend large‑model applications.

JavaScriptLLMLangChain
0 likes · 10 min read
Choosing the Best LangChain Text Splitter for Frontend LLM Apps
ByteDance Web Infra
ByteDance Web Infra
Dec 17, 2024 · Frontend Development

Midscene.js: Multimodal AI‑Powered UI Automation for Web Frontend Testing

Midscene.js, an open‑source UI automation framework from ByteDance Web Infra, leverages multimodal AI to simplify writing, maintaining, and debugging web UI tests with JavaScript or YAML integrations, while discussing its origins, usage patterns, limitations, cost, and security considerations.

JavaScriptMidscene.jsMultimodal AI
0 likes · 11 min read
Midscene.js: Multimodal AI‑Powered UI Automation for Web Frontend Testing
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 17, 2024 · Frontend Development

13 Ways to Pass Data Between Components in Vue 3

This article comprehensively outlines thirteen distinct methods for component communication in Vue 3, covering parent‑to‑child props, child‑to‑parent emits, sibling communication via mitt, $attrs, refs, v‑model, provide/inject, router parameters, Vuex, Pinia, browser storage, window object, and globalProperties, with concise code examples for each.

JavaScriptVueVue3
0 likes · 14 min read
13 Ways to Pass Data Between Components in Vue 3
JavaScript
JavaScript
Dec 16, 2024 · Frontend Development

Master Optional Chaining and Nullish Coalescing in JavaScript

This article explains how JavaScript's optional chaining (?.) and nullish coalescing (??) operators simplify safe access to nested object properties and provide reliable default values, replacing older verbose patterns with concise, readable code.

ES2020JavaScriptcode examples
0 likes · 7 min read
Master Optional Chaining and Nullish Coalescing in JavaScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 13, 2024 · Frontend Development

Using CustomEvent for Global Event Broadcasting in Frontend Development (React & Vue)

This article explains how to leverage the JavaScript CustomEvent API to create and dispatch custom events for efficient, decoupled communication between components in complex React and Vue applications, providing syntax details, practical code examples, and guidance on appropriate usage scenarios.

CustomEventEvent BroadcastingJavaScript
0 likes · 6 min read
Using CustomEvent for Global Event Broadcasting in Frontend Development (React & Vue)
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 12, 2024 · Frontend Development

Understanding JavaScript setTimeout and setInterval and Implementing setInterval Using setTimeout

This article explains the fundamentals and execution order of JavaScript's setTimeout and setInterval functions, discusses their parameters and return values, demonstrates why setTimeout is asynchronous, shows how to cancel timers, and provides a custom recursive setTimeout solution that mimics setInterval behavior.

JavaScriptfrontendsetInterval
0 likes · 12 min read
Understanding JavaScript setTimeout and setInterval and Implementing setInterval Using setTimeout
21CTO
21CTO
Dec 9, 2024 · Frontend Development

Which JavaScript Libraries Should You Drop by 2025? A Front‑End Guide

The article explains why legacy JavaScript libraries like jQuery, Moment.js, Lodash, Underscore.js and RequireJS are becoming obsolete, outlines the performance and maintenance drawbacks of keeping them, and recommends modern native APIs or lightweight alternatives to keep front‑end stacks fast and up‑to‑date by 2025.

2025JavaScriptfrontend
0 likes · 6 min read
Which JavaScript Libraries Should You Drop by 2025? A Front‑End Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 3, 2024 · Frontend Development

Explicit and Implicit Type Conversion in JavaScript and the Use of Boolean

This article explains JavaScript's explicit and implicit type conversions, demonstrates how to use constructors and methods like String(), Number(), Boolean(), toString(), parseInt(), details falsy and truthy values, and shows practical applications of Boolean in conditional statements, array filtering, and TypeScript.

Explicit ConversionImplicit ConversionJavaScript
0 likes · 7 min read
Explicit and Implicit Type Conversion in JavaScript and the Use of Boolean
21CTO
21CTO
Dec 2, 2024 · Frontend Development

Who Really Owns JavaScript? Inside the Deno vs Oracle Trademark Battle

The article examines the legal clash between Deno and Oracle over the JavaScript trademark, tracing its history from Netscape's creation to today's lawsuit, and explores the potential outcomes and their impact on the developer community and the future of web programming.

DenoJavaScriptOracle
0 likes · 9 min read
Who Really Owns JavaScript? Inside the Deno vs Oracle Trademark Battle
IT Services Circle
IT Services Circle
Dec 2, 2024 · Frontend Development

Vite 6.0 Release: New Environment API, Updated Defaults, and Growing Ecosystem

Vite 6.0 launched on November 26, boosting weekly npm downloads to 17 million, introducing an experimental Environment API for multi‑environment support, updating defaults for resolve conditions, JSON handling, HTML resources, and Sass, while expanding its ecosystem with new frameworks and major company adoption.

Build ToolEnvironment APIJavaScript
0 likes · 5 min read
Vite 6.0 Release: New Environment API, Updated Defaults, and Growing Ecosystem
JD Tech Talk
JD Tech Talk
Dec 2, 2024 · Frontend Development

Building a Chrome Extension for Timestamp Conversion

This article walks through the design, implementation, and debugging of a Chrome extension that converts between timestamps and human‑readable dates, covering manifest configuration, background and popup scripts, UI layout, and usage instructions.

Chrome ExtensionJavaScriptTimestamp Conversion
0 likes · 7 min read
Building a Chrome Extension for Timestamp Conversion
Goodme Frontend Team
Goodme Frontend Team
Dec 2, 2024 · Frontend Development

How to Generate Paginated PDFs from HTML with html2canvas and jsPDF

This article explains how to convert HTML content—including text, images, and tables—into PDF files using html2canvas and jsPDF, and details a dynamic pagination technique to prevent content truncation across pages, while also covering performance and export considerations.

JavaScriptPaginationfrontend
0 likes · 19 min read
How to Generate Paginated PDFs from HTML with html2canvas and jsPDF
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 2, 2024 · Frontend Development

Hand-Drawn Route Planning and Road Matching with AMap: Implementation, GPX Export, and Animation Optimization

This article presents a complete front‑end solution for hand‑drawing cycling routes on AMap, applying road‑matching correction, exporting to GPX, adding waypoint‑based route planning, and enhancing map animations with custom setCenter and setFitView functions, all illustrated with full source code.

AmapHand DrawingJavaScript
0 likes · 11 min read
Hand-Drawn Route Planning and Road Matching with AMap: Implementation, GPX Export, and Animation Optimization