Tagged articles
2421 articles
Page 12 of 25
Java Backend Technology
Java Backend Technology
Jun 24, 2022 · Fundamentals

Why NanoID Is Faster, Smaller, and Safer Than UUID – A Deep Dive

NanoID, a modern alternative to UUID, offers significantly smaller IDs, up to 60% faster generation, stronger security via crypto APIs, customizable alphabets, and broad language support, making it a compelling choice for developers seeking efficient, compact, and secure unique identifiers across various platforms.

ID generationJavaScriptnanoid
0 likes · 8 min read
Why NanoID Is Faster, Smaller, and Safer Than UUID – A Deep Dive
Taobao Frontend Technology
Taobao Frontend Technology
Jun 23, 2022 · Frontend Development

What the Latest TC39 Proposals Mean for JavaScript Developers

This article reviews recent TC39 proposals—including findLast, Symbol-as-WeakMap keys, JSON.parse source text access, String.dedent, RegExp modifiers, atomic operators, and faster Promise adoption—explaining their stage progress, technical details, and practical code examples for modern JavaScript development.

ECMAScriptJavaScriptPromise
0 likes · 17 min read
What the Latest TC39 Proposals Mean for JavaScript Developers
DaTaobao Tech
DaTaobao Tech
Jun 23, 2022 · Fundamentals

Analyzing the Architecture of VS Code JavaScript Debugger

The article dissects VS Code’s JavaScript Debugger, explaining its DAP‑based architecture, breakpoint handling, CDP command translation, JavaScript Debug Terminal integration, automatic browser link handling, profiling support, and top‑level await feature, showing how these components deliver a unified debugging experience for Node and browsers.

DAPJavaScriptProfiling
0 likes · 20 min read
Analyzing the Architecture of VS Code JavaScript Debugger
IT Services Circle
IT Services Circle
Jun 22, 2022 · Frontend Development

2022 Overview of JavaScript Development Tools: Compilers, Bundlers, Package Managers, Libraries, and Web Frameworks

This article provides a comprehensive 2022 survey of JavaScript development tools, examining compilers, bundlers, package managers, third‑party library creation, and modern web application frameworks, offering recommendations and performance insights to help developers choose the right tools for their projects.

JavaScriptWeb Developmentbundlers
0 likes · 9 min read
2022 Overview of JavaScript Development Tools: Compilers, Bundlers, Package Managers, Libraries, and Web Frameworks
Python Crawling & Data Mining
Python Crawling & Data Mining
Jun 21, 2022 · Information Security

Master Frida: Hook Android Apps with Advanced Techniques

This tutorial walks you through using Frida to hook Android applications, covering API basics, method interception, constructor and field manipulation, overload handling, dynamic class loading, and practical code snippets for both static and instance methods, all while emphasizing safe, educational use.

AndroidFridaHooking
0 likes · 19 min read
Master Frida: Hook Android Apps with Advanced Techniques
KooFE Frontend Team
KooFE Frontend Team
Jun 18, 2022 · Frontend Development

Build a Simple Redux from Scratch and Integrate It with React

This article explains Redux’s core concepts, demonstrates how to implement a basic createStore function in JavaScript, and shows how to integrate it with React using a custom Provider and connect higher‑order component for state sharing across components.

JavaScriptReactRedux
0 likes · 5 min read
Build a Simple Redux from Scratch and Integrate It with React
ELab Team
ELab Team
Jun 17, 2022 · Fundamentals

How a Tiny Compiler Works: From Tokenizer to Code Generator

This article walks through the core concepts and implementation steps of a minimal JavaScript compiler, covering tokenization, parsing into an AST, traversing with a visitor, transforming the tree, and generating target code, while also explaining the visitor pattern and polyfills.

ASTJavaScriptParser
0 likes · 17 min read
How a Tiny Compiler Works: From Tokenizer to Code Generator
New Oriental Technology
New Oriental Technology
Jun 17, 2022 · Frontend Development

Understanding JavaScript Throttle and Debounce: Concepts, Code Examples, and Practical Applications

This article explains the fundamental differences between JavaScript throttle and debounce techniques using an intuitive real-world analogy, provides clear code implementations, compares their execution behaviors, and demonstrates practical usage scenarios with the Lodash library for optimizing frontend event handling.

DebounceJavaScriptThrottle
0 likes · 7 min read
Understanding JavaScript Throttle and Debounce: Concepts, Code Examples, and Practical Applications
Laravel Tech Community
Laravel Tech Community
Jun 15, 2022 · Frontend Development

Apache ECharts 5.3.3 Release: New Features and Bug Fixes

Apache ECharts 5.3.3 has been released, introducing new stacking strategies for bar charts, tree focus support, boolean selectedMode for visualMap, and a series of bug fixes across line, tree, graph, radar, geo, tooltip, dataZoom, markLine, markArea, axis, graphic, decal, radialGradient, and type definitions.

Data visualizationEChartsJavaScript
0 likes · 4 min read
Apache ECharts 5.3.3 Release: New Features and Bug Fixes
Laravel Tech Community
Laravel Tech Community
Jun 13, 2022 · Frontend Development

The Rise and Decline of jQuery: From Web 2.0 Dominance to Modern Front‑End Landscape

This article traces jQuery’s emergence as the de‑facto library that simplified DOM manipulation and cross‑browser compatibility during the Web 2.0 era, examines its widespread adoption and subsequent performance gains from removal, and explains why modern standards, HTML5 and MVVM frameworks have reduced its relevance today.

HTML5JavaScriptMVVM
0 likes · 12 min read
The Rise and Decline of jQuery: From Web 2.0 Dominance to Modern Front‑End Landscape
macrozheng
macrozheng
Jun 12, 2022 · Frontend Development

Why jQuery’s Dominance Is Fading: From Web 2.0 Star to Legacy Tool

This article traces jQuery’s rise as the go‑to library during Web 2.0, examines recent moves by major sites to drop it, explains its original technical advantages, and analyzes how HTML5, MVVM frameworks and modern frontend stacks have reduced its relevance while it still powers a large share of the web.

HTML5JavaScriptMVVM
0 likes · 14 min read
Why jQuery’s Dominance Is Fading: From Web 2.0 Star to Legacy Tool
Architect
Architect
Jun 7, 2022 · Frontend Development

Front‑end Gray Release Strategies and Practical Implementation

This article explains what gray (canary) release is, describes several practical front‑end gray‑release schemes—including simple Nginx weighting, Nginx + Lua + Redis, server‑side rendering routing, and a full Nginx + backend + Redis + frontend SDK solution—provides code snippets, Docker commands and operational tips for safely rolling out new features.

DockerJavaScriptfrontend
0 likes · 14 min read
Front‑end Gray Release Strategies and Practical Implementation
ByteDance Web Infra
ByteDance Web Infra
Jun 6, 2022 · Mobile Development

Cross‑Platform Mobile Development: From WebView to Virtual Machines and Interpreter Optimizations

The article explores cross‑platform mobile development techniques, from simple WebView‑based app‑to‑web solutions to advanced virtual‑machine designs and interpreter optimizations, detailing WebView implementations, mini‑programs, React Native, Flutter, and various VM encoding strategies for efficient JavaScript execution.

JavaScriptMobile DevelopmentWebView
0 likes · 28 min read
Cross‑Platform Mobile Development: From WebView to Virtual Machines and Interpreter Optimizations
ELab Team
ELab Team
Jun 3, 2022 · Frontend Development

Master Lit: A Lightweight Frontend Library for Building Web Components

This article provides a comprehensive overview of Lit, covering its core concepts, key features, decorators, templating, styling, slots, event communication, lifecycle, directives, mixins, controllers, SSR support, and the surrounding ecosystem, offering practical code examples for developers.

JavaScriptLibraryLit
0 likes · 21 min read
Master Lit: A Lightweight Frontend Library for Building Web Components
360 Tech Engineering
360 Tech Engineering
May 31, 2022 · Frontend Development

React Router DOM v6: Installation, Simple, Nested, Index, and Parameterized Routing with Full Code Examples

This tutorial explains how to install react-router-dom, create basic and nested routes, handle unmatched and index routes, pass parameters, use search parameters, customize link behavior, and navigate programmatically in a React application, providing complete code snippets for each concept.

JavaScriptReactReact Router
0 likes · 10 min read
React Router DOM v6: Installation, Simple, Nested, Index, and Parameterized Routing with Full Code Examples
58 Tech
58 Tech
May 26, 2022 · Frontend Development

Advanced Timer Techniques in Frontend Development

This article examines the challenges of timer precision in front‑end scenarios such as e‑commerce flash sales, explains the limitations of native setInterval and setTimeout, and introduces a frame‑based timer using requestAnimationFrame, requestIdleCallback and compensation strategies to achieve high‑accuracy scheduling.

JavaScriptTimersperformance
0 likes · 19 min read
Advanced Timer Techniques in Frontend Development
政采云技术
政采云技术
May 24, 2022 · Frontend Development

An Overview of Module Federation

This article introduces Webpack 5's Module Federation feature, explains its business scenarios, configuration, underlying plugin architecture, and runtime mechanics, provides a practical Vue 3 demo with code snippets, and discusses usage patterns and benefits for micro‑frontend development.

JavaScriptModule FederationVue3
0 likes · 13 min read
An Overview of Module Federation
ByteFE
ByteFE
May 18, 2022 · Frontend Development

Understanding WebGL: GPU Basics, Shaders, and Practical Code Examples

This article introduces WebGL fundamentals for frontend developers, explaining GPU versus CPU, GLSL shaders, and how JavaScript prepares data, followed by step‑by‑step code examples of fragment and vertex shaders, custom primitives, and using the gl‑renderer library to render graphics.

GPUGraphicsJavaScript
0 likes · 11 min read
Understanding WebGL: GPU Basics, Shaders, and Practical Code Examples
ELab Team
ELab Team
May 17, 2022 · Frontend Development

Unlocking Web Audio: Mastering Audio DSP with the Web Audio API

This article introduces the Web Audio API, explains core audio DSP concepts such as signal processing, time and frequency domains, and details the main AudioContext and AudioNode components, followed by practical examples, code snippets, and references for building sophisticated web‑based audio applications.

Audio DSPAudioNodeJavaScript
0 likes · 8 min read
Unlocking Web Audio: Mastering Audio DSP with the Web Audio API
Tencent Cloud Developer
Tencent Cloud Developer
May 17, 2022 · Fundamentals

A Comprehensive History and Overview of Character Encoding and Unicode

The article traces character encoding from early telegraph and Morse code through ASCII, ISO national sets and Chinese standards, explains Unicode’s unification and its UTF‑8/‑16/‑32 forms, and shows how modern languages—especially JavaScript—handle code points, highlighting the cultural and technical significance for developers.

ASCIIJavaScriptUTF-16
0 likes · 31 min read
A Comprehensive History and Overview of Character Encoding and Unicode
ByteFE
ByteFE
May 13, 2022 · Frontend Development

Weekly Tech Digest: Flutter 3.0, JavaScript Framework Eras, React Concurrent Rendering, WebComponents, Build Tools Comparison, Rust Intro, Vite Core Principles

This digest covers Flutter 3.0 release, the evolution of JavaScript frameworks, React concurrent rendering, WebComponents UI library insights, frontend build tool comparisons, Rust fundamentals, and Vite core principles, and includes external articles on GraphQL and software engineering best practices.

FlutterJavaScriptReact
0 likes · 5 min read
Weekly Tech Digest: Flutter 3.0, JavaScript Framework Eras, React Concurrent Rendering, WebComponents, Build Tools Comparison, Rust Intro, Vite Core Principles
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 13, 2022 · Frontend Development

Recreating the “声生不息” Logo Using Pure CSS with Gradient, Clip‑Path, and Variable‑Based Color Switching

This article demonstrates how to recreate the “声生不息” program logo using only native CSS and a small amount of JavaScript, covering gradient stripes, clip‑path shaping, background‑clip text effects, CSS variables for color toggling, and detailed code snippets for each implementation step.

Background-ClipCSSJavaScript
0 likes · 19 min read
Recreating the “声生不息” Logo Using Pure CSS with Gradient, Clip‑Path, and Variable‑Based Color Switching
DaTaobao Tech
DaTaobao Tech
May 6, 2022 · Mobile Development

hyengine: A Unified Mobile Script Engine with JIT, Optimizations, and GC

hyengine is a lightweight, high‑performance mobile execution engine that unifies WebAssembly, JavaScript, Python and Lua via a compiler and VM, offering JIT compilation, register allocation, inline‑cache optimizations, a custom allocator (hymalloc) and a concurrent three‑color garbage collector (hygc), achieving substantial speed‑ups on macOS and Android.

Garbage CollectionJITJavaScript
0 likes · 34 min read
hyengine: A Unified Mobile Script Engine with JIT, Optimizations, and GC
KooFE Frontend Team
KooFE Frontend Team
May 3, 2022 · Frontend Development

Build a Simple React Global State Manager Using ES6 Proxy

This article demonstrates how to leverage the ES6 Proxy object to create a lightweight global state management solution for React, walking through a counter example, custom hooks, listener tracking, and a reusable store creator for seamless component updates.

JavaScriptReactfrontend
0 likes · 7 min read
Build a Simple React Global State Manager Using ES6 Proxy
IT Services Circle
IT Services Circle
May 1, 2022 · Frontend Development

A Comprehensive Guide to AST and Babel for JavaScript Code Transformation

This article provides an in‑depth tutorial on Abstract Syntax Trees (AST) and the Babel toolchain, covering AST fundamentals, its role in compilation, and practical examples of parsing, traversing, modifying, and generating JavaScript code using @babel/core, @babel/parser, @babel/traverse, @babel/generator, and @babel/types.

ASTJavaScriptTraversal
0 likes · 24 min read
A Comprehensive Guide to AST and Babel for JavaScript Code Transformation
Code DAO
Code DAO
Apr 30, 2022 · Backend Development

Building an Extensible Node.js CLI Tool Using the Command Pattern

The article walks through creating a lightweight, extensible Node.js command‑line utility without third‑party libraries, covering the command‑pattern design, implementation of split, upper, and word‑count commands, dynamic command loading, and best practices for modular, maintainable CLI development on Linux.

CLICommand PatternCommander
0 likes · 12 min read
Building an Extensible Node.js CLI Tool Using the Command Pattern
php Courses
php Courses
Apr 29, 2022 · Frontend Development

20 Commonly Used ES6 Techniques for Frontend Development

This article presents twenty practical ES6 tricks—including array shuffling, character filtering, string reversal, numeric base conversion, object merging, strict vs. loose equality, destructuring, variable swapping, palindrome checking, optional chaining, ternary operator, random selection, object freezing, duplicate removal, decimal precision, array clearing, color conversion, min‑max extraction, nullish coalescing, and false‑value filtering—each illustrated with concise code examples.

CodingTipsJavaScriptWebDevelopment
0 likes · 4 min read
20 Commonly Used ES6 Techniques for Frontend Development
Sohu Tech Products
Sohu Tech Products
Apr 27, 2022 · Fundamentals

Understanding the ShadowRealm API: Isolated JavaScript Realms and Their Usage

The article introduces the ShadowRealm API, a new JavaScript proposal that creates highly isolated execution realms, explains its type signatures, demonstrates .evaluate() and .importValue() methods with code examples, compares it to eval, Function, iframes, Web Workers, and Node.js vm, and outlines practical use cases such as plugin execution, testing, and web scraping.

IsolationJavaScriptShadowRealm
0 likes · 9 min read
Understanding the ShadowRealm API: Isolated JavaScript Realms and Their Usage
ELab Team
ELab Team
Apr 27, 2022 · Frontend Development

Master RxJS: Functional Foundations and Reactive Programming Essentials

This article introduces RxJS, explaining its roots in functional and reactive programming, detailing core concepts such as Observables, Observers, Subscriptions, Subjects, and operators, and demonstrates practical code examples that illustrate how to manage asynchronous event streams effectively in modern front‑end development.

JavaScriptObservablesfrontend development
0 likes · 22 min read
Master RxJS: Functional Foundations and Reactive Programming Essentials
ELab Team
ELab Team
Apr 26, 2022 · Frontend Development

Understanding JavaScript Memory Leaks and V8 Garbage Collection

This article explains how JavaScript's garbage collector works, outlines typical memory‑leak scenarios, and provides practical techniques—such as reducing global variables, cleaning DOM references, and managing event listeners—to improve performance and avoid UI jank.

JavaScriptV8frontend
0 likes · 17 min read
Understanding JavaScript Memory Leaks and V8 Garbage Collection
Taobao Frontend Technology
Taobao Frontend Technology
Apr 26, 2022 · Frontend Development

What’s New in TC39? Exploring Decorators, Type Annotations & Immutable Arrays

The article reviews recent TC39 proposal updates—including decorators reaching Stage 3, type annotations entering Stage 1, the Change‑Array‑by‑Copy immutable methods, RegExp set notation, decorator metadata, and native once‑only functions—explaining their motivations, new syntax, stage‑gate criteria, and example implementations for JavaScript developers.

JavaScriptTC39immutable arrays
0 likes · 24 min read
What’s New in TC39? Exploring Decorators, Type Annotations & Immutable Arrays
ELab Team
ELab Team
Apr 25, 2022 · Frontend Development

Why RxJS Is the Secret Weapon for Modern Frontend Development

This comprehensive guide explains how RxJS brings functional reactive programming to web applications, showing real‑world examples such as online classrooms, autocomplete search, canvas drawing, and service‑layer design, while comparing it to Redux and offering debugging tools and best practices.

JavaScriptState Managementfrontend development
0 likes · 61 min read
Why RxJS Is the Secret Weapon for Modern Frontend Development
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 25, 2022 · Frontend Development

Master JavaScript Promises: Build Your Own From Scratch

This article explains what a JavaScript Promise is, why it solves callback‑hell in asynchronous code, details its three states, and walks through a complete hand‑written implementation—including the constructor, then method, resolvePromise logic, and how to verify compliance with the Promises/A+ test suite.

AsyncJavaScriptPromise
0 likes · 15 min read
Master JavaScript Promises: Build Your Own From Scratch
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Apr 24, 2022 · Frontend Development

Exploring Modern Front‑End Technologies and Security Practices

This article surveys a range of front‑end topics—including alternative web‑framework solutions, the rise of pnpm, JavaScript stack memory, TypeScript overloads, integrating Golang with Node.js, innovative development approaches, and essential network security insights—providing concise technical overviews and references.

JavaScriptTypeScriptWeb Development
0 likes · 4 min read
Exploring Modern Front‑End Technologies and Security Practices
IT Services Circle
IT Services Circle
Apr 23, 2022 · Frontend Development

Progressive Web Apps (PWA) Overview, Implementation, and JavaScript Workers

This article provides a comprehensive overview of Progressive Web Apps (PWA), covering their concepts, benefits, real-world case studies, implementation steps with Service Workers, App Shell, manifest files, and related JavaScript workers such as Web Workers, Service Workers, and Worklets, while also discussing their development challenges and future prospects.

JavaScriptPWAProgressive Web App
0 likes · 22 min read
Progressive Web Apps (PWA) Overview, Implementation, and JavaScript Workers
Taobao Frontend Technology
Taobao Frontend Technology
Apr 21, 2022 · Frontend Development

Build a Simple HTML Parser in JavaScript: Step-by-Step Guide

This article explains how to create a basic HTML parser in JavaScript by using regular expressions and a stack to convert an HTML string into a tree of nodes, complete with code examples, initialization steps, and handling of opening, closing, and self‑closing tags.

DOMHTML parserJavaScript
0 likes · 9 min read
Build a Simple HTML Parser in JavaScript: Step-by-Step Guide
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 21, 2022 · Frontend Development

Explore the Latest TC39 Proposals: Decorators, Type Annotations, and Immutable Array Methods

This article reviews recent TC39 proposal progress—including decorators reaching Stage 3, type annotations advancing to Stage 1, new immutable array methods, RegExp set notation, decorator metadata, and function.once—detailing their syntax, semantics, migration considerations, and example implementations for modern JavaScript development.

JavaScriptTC39decorators
0 likes · 24 min read
Explore the Latest TC39 Proposals: Decorators, Type Annotations, and Immutable Array Methods
JavaScript
JavaScript
Apr 21, 2022 · Frontend Development

Mastering JavaScript Closures: From Free Variables to Real-World Use Cases

This article explains free variables, defines closures in ECMAScript, shows why every function is a closure, and provides practical examples—including common interview pitfalls and solutions—illustrating how closures capture and preserve lexical scope in JavaScript.

Free VariableIIFEJavaScript
0 likes · 5 min read
Mastering JavaScript Closures: From Free Variables to Real-World Use Cases
IT Services Circle
IT Services Circle
Apr 20, 2022 · Frontend Development

New Non‑Destructive Array Methods in JavaScript: toReversed, toSorted, toSpliced, and with

JavaScript’s upcoming “Change Array by copy” proposal introduces four non‑destructive array methods—.toReversed(), .toSorted(), .toSpliced(), and .with()—which provide immutable alternatives to existing destructive methods, and the article explains their behavior, usage examples, and polyfills while the proposal is in stage 3.

ArrayECMAScriptJavaScript
0 likes · 6 min read
New Non‑Destructive Array Methods in JavaScript: toReversed, toSorted, toSpliced, and with
NetEase Smart Enterprise Tech+
NetEase Smart Enterprise Tech+
Apr 19, 2022 · Frontend Development

Mastering IndexedDB: Efficient Storage, Bulk Operations, and Multi‑Tab Strategies

This article explores using IndexedDB for large‑scale client‑side data storage, covering database creation, CRUD wrappers, bulk inserts, performance testing, and multi‑tab coordination via BroadcastChannel and leader election, while providing practical code samples and optimization tips for robust offline logging.

IndexedDBJavaScriptbrowser storage
0 likes · 18 min read
Mastering IndexedDB: Efficient Storage, Bulk Operations, and Multi‑Tab Strategies
JavaScript
JavaScript
Apr 18, 2022 · Frontend Development

Master JavaScript’s Array.at(): Simplify Access to Elements from Both Ends

This article explains how JavaScript arrays are zero‑based, demonstrates traditional bracket indexing, introduces the new Array.prototype.at() method for both positive and negative indices, and shows concise code examples that make accessing the first, middle, and last elements easier and more readable.

JavaScriptatcoding
0 likes · 3 min read
Master JavaScript’s Array.at(): Simplify Access to Elements from Both Ends
IT Services Circle
IT Services Circle
Apr 17, 2022 · Frontend Development

A 40-line Diff Algorithm Implementation for React's Virtual DOM

This article explains the design and implementation of a minimal 40‑line Diff algorithm for React’s virtual DOM, covering node attribute changes, insertions, deletions, and moves, and provides a complete TypeScript demo that marks nodes with placement or deletion flags for efficient DOM updates.

Diff AlgorithmJavaScriptReact
0 likes · 10 min read
A 40-line Diff Algorithm Implementation for React's Virtual DOM
IT Services Circle
IT Services Circle
Apr 14, 2022 · Frontend Development

Understanding the ShadowRealm API: Isolated JavaScript Execution Environments

This article introduces the ShadowRealm API, a new JavaScript proposal that creates independent, highly isolated realms for executing code, explains its type signatures, demonstrates .evaluate() and .importValue() methods with practical examples, and compares it with eval, Web Workers, iframes, and Node.js vm.

IsolationJavaScriptRuntime
0 likes · 10 min read
Understanding the ShadowRealm API: Isolated JavaScript Execution Environments
php Courses
php Courses
Apr 14, 2022 · Frontend Development

Common ES6 Pitfalls and Improvements: A Leader’s Code Review Rants

The article presents a series of JavaScript ES6 code‑review critiques, explaining why older ES5 patterns are problematic and demonstrating modern ES6 alternatives such as destructuring, spread operators, template literals, optional chaining, async/await, and array methods with clear code examples.

Code reviewDestructuringJavaScript
0 likes · 8 min read
Common ES6 Pitfalls and Improvements: A Leader’s Code Review Rants
ByteDance ADFE Team
ByteDance ADFE Team
Apr 14, 2022 · Frontend Development

Babel Basics: Definition, Workflow, Plugins, Presets, and Practical Usage

This article provides a comprehensive beginner-friendly guide to Babel, covering its definition as a JavaScript compiler, the parse‑transform‑generate workflow, AST concepts, core packages, plugin and preset classifications, configuration details, and step‑by‑step usage examples with code snippets.

ASTJavaScriptPlugins
0 likes · 16 min read
Babel Basics: Definition, Workflow, Plugins, Presets, and Practical Usage
Baidu Geek Talk
Baidu Geek Talk
Apr 13, 2022 · Frontend Development

Baidu Live SSR Technology: A New Approach to Web Application Development

Baidu’s new Live SSR approach adds a JavaScript computation function to the CSR directory, enabling seamless server‑side rendering without altering modules or pages, while leveraging end‑cloud collaboration, FaaS universal solutions, and component‑level reuse to boost SEO, user experience, scalability, and development efficiency.

Baidu LiveComponent-Based ArchitectureFaaS
0 likes · 10 min read
Baidu Live SSR Technology: A New Approach to Web Application Development
IT Services Circle
IT Services Circle
Apr 11, 2022 · Frontend Development

Recommended ESLint Rules for Writing Good Asynchronous JavaScript Code

This article presents a collection of ESLint rules for JavaScript asynchronous programming, explaining why patterns like async promise executors, awaiting in loops, returning values from Promise constructors, and others should be avoided, and provides correct code examples to improve readability, performance, and error handling.

AsyncESLintJavaScript
0 likes · 8 min read
Recommended ESLint Rules for Writing Good Asynchronous JavaScript Code
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Apr 11, 2022 · Frontend Development

Building a Lightweight WebIDE with Monaco Editor: Multi‑File Support, ESLint, Prettier, and Code Completion

The guide shows how to build a lightweight, browser‑based WebIDE using Monaco Editor by adding multi‑file support, preserving view state, integrating ESLint via a WebWorker, enabling Prettier formatting, and extending TypeScript definitions for rich code completion and navigation.

ESLintJavaScriptMonaco Editor
0 likes · 24 min read
Building a Lightweight WebIDE with Monaco Editor: Multi‑File Support, ESLint, Prettier, and Code Completion
Continuous Delivery 2.0
Continuous Delivery 2.0
Apr 9, 2022 · Fundamentals

Using Higher-Order Functions to Simplify Collection Loops

The article explains how higher‑order functions such as every, map, and filter can replace repetitive loops over arrays or lists, reducing code duplication, improving readability, and lowering the chance of bugs while warning against over‑using functional style when it harms clarity.

Higher-Order FunctionsJavaScriptLoops
0 likes · 3 min read
Using Higher-Order Functions to Simplify Collection Loops
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 7, 2022 · Frontend Development

Understanding Vue.js Error Handling and Source Code Analysis

This article explains Vue's error handling mechanisms—including global errorHandler, component-level errorCaptured, and the underlying source code functions handleError, invokeWithErrorHandling, globalHandleError, and logError—through detailed code examples, execution flow diagrams, and practical interview scenarios.

Error HandlingJavaScriptVue.js
0 likes · 15 min read
Understanding Vue.js Error Handling and Source Code Analysis
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 7, 2022 · Frontend Development

Understanding JavaScript Memory Management and Common Memory Leaks

This article explains JavaScript's memory lifecycle, defines memory leaks, enumerates typical leak patterns such as accidental globals, timers, closures and DOM references, and describes the underlying garbage‑collection strategies (mark‑and‑sweep and reference counting) together with practical mitigation techniques.

Garbage CollectionJavaScriptMemory Management
0 likes · 18 min read
Understanding JavaScript Memory Management and Common Memory Leaks
Architecture Digest
Architecture Digest
Apr 3, 2022 · Frontend Development

Why NanoID Is Replacing UUID: Features, Advantages, and Limitations

This article examines NanoID as a modern alternative to UUID, detailing its smaller size, higher speed, stronger security, language support, custom alphabets, lack of dependencies, and compatibility, while also discussing its limitations and future prospects for unique identifier generation in JavaScript projects.

JavaScriptUnique IDnanoid
0 likes · 7 min read
Why NanoID Is Replacing UUID: Features, Advantages, and Limitations
DaTaobao Tech
DaTaobao Tech
Apr 1, 2022 · Frontend Development

Integrating Rax with HarmonyOS: Cross‑Platform Development Strategies

Integrating Rax with Huawei’s HarmonyOS leverages a driver‑adapter pattern to enable code‑share cross‑platform development, offering three strategies—syntax compilation, mini‑program runtime, and direct rendering—so developers can embed Rax output now while progressing toward a seamless full‑stack workflow and Harmony 3.0 release.

HarmonyOSJavaScriptcross‑platform
0 likes · 10 min read
Integrating Rax with HarmonyOS: Cross‑Platform Development Strategies
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 1, 2022 · Frontend Development

How Upcoming TC39 Proposals Could Transform JavaScript Function Calls

This article examines five active TC39 proposals—Pipeline Operator, Function Pipe/Flow, Partial Application, Call This, and Extensions—explaining their design goals, differences, and how they aim to improve function invocation readability, dataflow programming, method extension, and partial application in future ECMAScript versions.

ECMAScriptExtensionsJavaScript
0 likes · 25 min read
How Upcoming TC39 Proposals Could Transform JavaScript Function Calls
Alipay Experience Technology
Alipay Experience Technology
Apr 1, 2022 · Frontend Development

Mastering Interactive Features in AntV S2: Click Highlights, Hover, Brush, Resize and More

This article explains how AntV S2 implements a wide range of interactions—such as click and hover highlights, brush selection, dynamic row/column resizing, column hiding, link jumps and custom events—by using canvas rendering, event delegation, state management and JavaScript code examples.

AntV S2Canvas InteractionJavaScript
0 likes · 21 min read
Mastering Interactive Features in AntV S2: Click Highlights, Hover, Brush, Resize and More
ELab Team
ELab Team
Mar 31, 2022 · Frontend Development

How Babel Transforms Modern JavaScript: A Deep Dive into Frontend Compilation

This article explains the fundamentals of compilation, compares compiled and interpreted languages, outlines the full compiler pipeline, and uses Babel as a concrete example to show how JavaScript code is parsed, transformed, and generated for broader browser compatibility.

ASTCompilationJavaScript
0 likes · 27 min read
How Babel Transforms Modern JavaScript: A Deep Dive into Frontend Compilation
Top Architect
Top Architect
Mar 26, 2022 · Information Security

Why NanoID Is Replacing UUID: Features, Advantages, and Limitations

This article explains how NanoID, a compact and faster alternative to UUID, offers better security, smaller size, higher performance, and broad language support, while also discussing its limitations and future prospects for unique identifier generation in software development.

JavaScriptnanoidperformance
0 likes · 8 min read
Why NanoID Is Replacing UUID: Features, Advantages, and Limitations
Programmer DD
Programmer DD
Mar 25, 2022 · Fundamentals

Why NanoID Is Replacing UUID for Faster, Safer IDs

This article compares NanoID and UUID, highlighting NanoID's smaller size, higher security, faster generation speed, language support, and flexibility, while also discussing its limitations and future prospects, to help developers decide when to choose NanoID over UUID.

JavaScriptnanoidperformance
0 likes · 8 min read
Why NanoID Is Replacing UUID for Faster, Safer IDs
php Courses
php Courses
Mar 24, 2022 · Frontend Development

Introduction to Vue 3, Its New Features and Composition API

This article provides a comprehensive overview of Vue 3—including its release details, performance gains, core architectural changes such as Proxy‑based reactivity, TypeScript support, the new Composition API (setup, ref, reactive, computed, watch, watchEffect), updated lifecycle hooks, new built‑in components like Fragment, Teleport and Suspense, project scaffolding with Vue‑CLI or Vite, and migration considerations from Vue 2.

Composition APIJavaScriptVite
0 likes · 14 min read
Introduction to Vue 3, Its New Features and Composition API
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 24, 2022 · Fundamentals

Unlocking JavaScript Power: A Deep Dive into AST and Babel

This article explains what an Abstract Syntax Tree (AST) is, how the ESTree specification standardizes JavaScript syntax, and how Babel parses, traverses, and transforms code using AST nodes, providing practical examples, core packages, plugin creation, and real‑world application scenarios for developers.

ASTJavaScriptbabel
0 likes · 13 min read
Unlocking JavaScript Power: A Deep Dive into AST and Babel
Sohu Tech Products
Sohu Tech Products
Mar 23, 2022 · Frontend Development

Understanding Double Assignment and Operator Precedence in jQuery Code

This article explains why jQuery’s source uses a double assignment pattern, how assignment operators are right‑associative expressions, the impact of operator precedence on property access versus assignment, and demonstrates practical uses such as building linked structures in JavaScript.

JavaScriptOperator Precedenceassignment expression
0 likes · 6 min read
Understanding Double Assignment and Operator Precedence in jQuery Code
php Courses
php Courses
Mar 21, 2022 · Frontend Development

JavaScript English Vocabulary Glossary

This article presents a detailed glossary of common JavaScript English keywords, objects, methods, and properties with their Chinese translations, organized into two comprehensive tables to help developers quickly understand and reference essential JavaScript terminology.

English vocabularyGlossaryJavaScript
0 likes · 8 min read
JavaScript English Vocabulary Glossary
Tencent Cloud Developer
Tencent Cloud Developer
Mar 16, 2022 · Fundamentals

How V8 Executes JavaScript: From Parsing to JIT Optimization

This article explains the core concepts of compilation and interpretation, compares static and dynamic languages, and walks through the V8 engine’s workflow—including parsing, bytecode generation, JIT compilation, and TurboFan optimizations—providing concrete code examples and command‑line tips.

CompilationJITJavaScript
0 likes · 8 min read
How V8 Executes JavaScript: From Parsing to JIT Optimization
Alibaba Cloud Developer
Alibaba Cloud Developer
Mar 16, 2022 · Frontend Development

How to Build a Frontend Anti‑Corruption Layer with RxJS to Shield Against API Changes

This article explains why B2B front‑end applications suffer from frequent API changes, introduces the anti‑corruption layer concept adapted from HAL and DDD, and demonstrates how to implement a robust, RxJS‑based layer that isolates UI code from evolving back‑end contracts while offering caching, fallback, and testing benefits.

API stabilityAnti‑Corruption LayerJavaScript
0 likes · 15 min read
How to Build a Frontend Anti‑Corruption Layer with RxJS to Shield Against API Changes
IT Services Circle
IT Services Circle
Mar 15, 2022 · Frontend Development

Understanding How JavaScript Works: From Interpreted vs. Compiled Languages to the V8 Engine Execution Process

This article explains the fundamental principles behind JavaScript execution, covering the distinction between interpreted and compiled languages, the architecture of JavaScript engines (including V8, SpiderMonkey, and JavaScriptCore), runtime environments, the single‑threaded event loop, call‑stack processing, lexical analysis, parsing, bytecode, JIT compilation, and the role of Web Workers in off‑loading CPU‑intensive tasks.

EngineJITJavaScript
0 likes · 13 min read
Understanding How JavaScript Works: From Interpreted vs. Compiled Languages to the V8 Engine Execution Process
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 15, 2022 · Frontend Development

Boost Form Performance: Inside Formily’s High‑Performance, Protocol‑Driven Form Framework

Formily is a data‑plus‑protocol driven form framework that leverages reactive programming to deliver O(1) performance for massive fields, supports multiple front‑end frameworks, offers a rich ecosystem of cross‑platform components, and provides design principles and extension strategies for building high‑efficiency enterprise forms.

FormilyJavaScriptfrontend forms
0 likes · 10 min read
Boost Form Performance: Inside Formily’s High‑Performance, Protocol‑Driven Form Framework
IT Services Circle
IT Services Circle
Mar 14, 2022 · Backend Development

Eight Node.js WebSocket Libraries to Consider in 2022

This article reviews eight popular Node.js WebSocket libraries—SockJS, ws, Socket.IO, Faye WebSocket, SocketCluster, Sockette, and Feathers—detailing their features, popularity, installation commands, and typical use cases for building real‑time backend applications.

BackendJavaScriptNode.js
0 likes · 7 min read
Eight Node.js WebSocket Libraries to Consider in 2022
ByteFE
ByteFE
Mar 11, 2022 · Frontend Development

Curated Frontend Development Recommendations: Articles, Tutorials, and Tools

This curated list presents a range of frontend development resources—including articles on framework alternatives, defensive programming, low‑code H5 platforms, Engine.IO fundamentals, international web‑dev insights, monorepo strategies, Recoil internals, Vue/React debugging tips, JavaScript tricks, and Three.js 3D text effects—providing practical guidance and deeper technical understanding.

JavaScriptframeworkstutorials
0 likes · 5 min read
Curated Frontend Development Recommendations: Articles, Tutorials, and Tools
Programmer DD
Programmer DD
Mar 11, 2022 · Frontend Development

How to Convert Chinese Text to Pinyin with pinyin‑pro: A Complete Guide

This article introduces the pinyin‑pro JavaScript library, explains its rich features such as tone handling, initials, finals, polyphone support, surname mode, non‑Chinese character filtering, custom pinyin definitions, and matching, and provides step‑by‑step installation and usage examples for both browser and Node environments.

JavaScriptLibraryNode
0 likes · 9 min read
How to Convert Chinese Text to Pinyin with pinyin‑pro: A Complete Guide
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 10, 2022 · Backend Development

Engine.IO, Socket.IO & WebSocket: How Real-Time Communication Works

This article explains the relationships among WebSocket, Engine.IO, and Socket.IO, details Engine.IO’s features, handshake, upgrade and disconnect mechanisms, and provides practical code examples for building real‑time communication in Node.js applications, including packet encoding, transport options, and debugging techniques.

Engine.IOJavaScriptNode.js
0 likes · 18 min read
Engine.IO, Socket.IO & WebSocket: How Real-Time Communication Works
IT Services Circle
IT Services Circle
Mar 9, 2022 · Fundamentals

Learning Regular Expressions through AST Visualization

This article explains how to master regular expressions by visualizing their abstract syntax trees (AST), covering basic patterns, character classes, repetitions, greedy vs. non‑greedy matching, groups, and look‑ahead/look‑behind assertions with clear examples and diagrams.

ASTJavaScriptpattern-matching
0 likes · 11 min read
Learning Regular Expressions through AST Visualization
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 8, 2022 · Frontend Development

How Alibaba’s JS AOT Supercharges Web Performance: Design, Implementation, and Results

This article explains Alibaba's JavaScript Ahead‑of‑Time (AOT) technology, detailing the performance challenges of dynamic JS, the three compilation strategies evaluated, the chosen hybrid approach with profile‑guided and rule‑based optimizations, and the measurable speed gains achieved in production.

AlibabaAoTJavaScript
0 likes · 14 min read
How Alibaba’s JS AOT Supercharges Web Performance: Design, Implementation, and Results
IT Services Circle
IT Services Circle
Mar 7, 2022 · Big Data

Awesome Web Scraping – A Comprehensive Chinese Collection of Web Scraping Resources

This article introduces the renowned "awesome" GitHub repository, highlights its extensive sub‑lists for various domains, focuses on the awesome‑web‑scraping collection, and presents a newly created Chinese version that aggregates Python, JavaScript, Go, and other language‑specific web‑scraping tools and libraries.

Awesome ListData ExtractionGitHub
0 likes · 4 min read
Awesome Web Scraping – A Comprehensive Chinese Collection of Web Scraping Resources
DaTaobao Tech
DaTaobao Tech
Mar 4, 2022 · Frontend Development

Developing Chrome Extensions with Browser‑Extension‑Kit: Architecture and Messaging

Building a Chrome extension that redirects network requests illustrates the complexities of message passing across isolated contexts, and the article shows how the browser‑extension‑kit framework abstracts routing, state management, and RxJS integration to streamline development, reduce boilerplate, and improve maintainability for React‑based popups and background scripts.

Browser Extension KitChrome ExtensionJavaScript
0 likes · 14 min read
Developing Chrome Extensions with Browser‑Extension‑Kit: Architecture and Messaging
58 Tech
58 Tech
Mar 3, 2022 · Frontend Development

Building a Chrome Extension for QR Code Generation and Decoding with jQuery

This tutorial explains how to create a Chrome browser extension that generates QR codes (optionally with protocol headers) and decodes them, covering the background motivation, directory layout, manifest and popup design, core JavaScript logic, installation steps, and a download link for the complete source.

Chrome ExtensionJavaScriptQR code
0 likes · 12 min read
Building a Chrome Extension for QR Code Generation and Decoding with jQuery
ByteFE
ByteFE
Mar 2, 2022 · Frontend Development

Implementing Inline Import for ES Modules Using Blob and ImportMap

The article explains how to overcome the limitation of browser ES Modules by creating inline‑import functionality with Blob URLs and dynamic import maps, providing both dynamic and static import capabilities for modular JavaScript in playground‑style environments.

BlobES ModulesImportMap
0 likes · 7 min read
Implementing Inline Import for ES Modules Using Blob and ImportMap
php Courses
php Courses
Mar 2, 2022 · Frontend Development

Implementing Real-Time Mobile Signature Capture with jSignature and PHP

This tutorial explains how to integrate the jSignature library with jQuery on the front end and PHP on the back end to provide a real‑time mobile signature feature, covering library download, HTML markup, JavaScript initialization, reset, AJAX submission, and server‑side base64 image handling.

JavaScriptajaxjSignature
0 likes · 5 min read
Implementing Real-Time Mobile Signature Capture with jSignature and PHP
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 2, 2022 · Frontend Development

Build Your Own VSCode Code Completion Plugin from Scratch

This tutorial walks you through the entire process of creating a custom VSCode code‑completion extension, covering environment setup, the mechanics of suggestion panels, snippet configuration, core API usage, and advanced personalization techniques such as dictionary‑based word completion and automatic updates.

@snippetExtensionJavaScript
0 likes · 14 min read
Build Your Own VSCode Code Completion Plugin from Scratch