BestHub
Sign in
Tagged articles

JavaScript

2447 articles · Page 16 of 25
ELab Team
ELab Team
Jun 16, 2021 · Fundamentals

Why Functional Programming Matters for Front‑End Developers and How to Use It

This article explains functional programming as a paradigm focused on pure functions and data‑to‑data mapping, contrasts it with imperative programming, introduces lambda calculus, pure functions, higher‑order functions, functors, monads, and provides JavaScript examples that show how to write composable, side‑effect‑free code for front‑end development.

Higher-Order FunctionsJavaScriptMonads
0 likes · 19 min read
Why Functional Programming Matters for Front‑End Developers and How to Use It
Efficient Ops
Efficient Ops
Jun 15, 2021 · Frontend Development

Mastering Regex: Essential Patterns for Validating Numbers, Text, and URLs

This guide compiles a comprehensive collection of regular expressions for validating numeric formats, character sets, special inputs like emails and URLs, as well as IP addresses, dates, and other common data patterns, providing clear examples and explanations for developers.

BackendFrontendJavaScript
0 likes · 17 min read
Mastering Regex: Essential Patterns for Validating Numbers, Text, and URLs
Laravel Tech Community
Laravel Tech Community
Jun 15, 2021 · Fundamentals

Pros and Cons of Five Popular Programming Languages: JavaScript, Haskell, Go, PHP, and Elixir

This article compares five widely used programming languages—JavaScript, Haskell, Go, PHP, and Elixir—by outlining each language’s major advantages such as rapid prototyping, strong type systems, performance, and ecosystem support, as well as notable drawbacks including dynamic typing quirks, steep learning curves, and limited language features.

ElixirGoHaskell
0 likes · 12 min read
Pros and Cons of Five Popular Programming Languages: JavaScript, Haskell, Go, PHP, and Elixir
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jun 14, 2021 · Frontend Development

Mastering Webpack HMR: From Basics to Custom Module Hot Updates

This article explains the background, concepts, workflow, and hands‑on setup of Webpack’s Hot Module Replacement (HMR), detailing server‑client communication, runtime mechanics, and how to manually implement module hot‑updates without a framework, complete with code examples and configuration tips.

JavaScriptdev serverfrontend development
0 likes · 14 min read
Mastering Webpack HMR: From Basics to Custom Module Hot Updates
21CTO
21CTO
Jun 13, 2021 · Frontend Development

Add a One‑Click Copy‑to‑Clipboard Button with JavaScript

This guide shows how to create a simple HTML page with a button that copies paragraph text to the system clipboard using the modern Clipboard API, including full code examples and explanations for both copy and cut operations.

Clipboard APIDOMHTML
0 likes · 5 min read
Add a One‑Click Copy‑to‑Clipboard Button with JavaScript
Beike Product & Technology
Beike Product & Technology
Jun 11, 2021 · Game Development

Building a Multi‑Platform Mini‑Game with Cocos Creator: From Project Setup to Publishing

This tutorial walks you through creating a multi‑platform “Merge Big Watermelon” mini‑game using Cocos Creator, covering game rules, engine architecture, project structure, component‑based scripting, physics and collision handling, asset management, build configuration, and publishing to various platforms.

Cocos CreatorGame DevelopmentJavaScript
0 likes · 22 min read
Building a Multi‑Platform Mini‑Game with Cocos Creator: From Project Setup to Publishing
Baidu App Technology
Baidu App Technology
Jun 9, 2021 · Frontend Development

How to Build a High‑Performance Virtual Tree in Santd for 10k+ Nodes

This article explains the concept of a virtual tree, why it is needed for rendering massive data sets, and provides a step‑by‑step implementation—including flattening the tree, calculating visible nodes, simulating scroll, and decorating the list—demonstrating a speedup from 26 seconds to 0.19 seconds.

FrontendJavaScriptPerformance
0 likes · 11 min read
How to Build a High‑Performance Virtual Tree in Santd for 10k+ Nodes
JD Tech
JD Tech
Jun 8, 2021 · Frontend Development

Design and Usage of JD Logistics Gateway Frontend Plugin Based on Axios

This article explains the design, configuration, and usage of the JD Logistics gateway frontend plugin built on Axios, detailing how it enables zero‑cost integration across multiple environments and account types while providing extensible request/response handling and customizable login redirects.

APIFrontendJavaScript
0 likes · 9 min read
Design and Usage of JD Logistics Gateway Frontend Plugin Based on Axios
Alibaba Terminal Technology
Alibaba Terminal Technology
Jun 7, 2021 · Fundamentals

What’s New in JavaScript? A Deep Dive into TC39’s Latest Proposals

This article reviews the most recent TC39 proposals—including Realms, RegExp match indices, top‑level await, accessible hasOwnProperty, resizable ArrayBuffers, Intl.DisplayNames V2, extended time‑zone names, and RegExp set notation—explaining their key changes, current stage status, and practical code examples for developers.

ECMAScriptFrontendJavaScript
0 likes · 13 min read
What’s New in JavaScript? A Deep Dive into TC39’s Latest Proposals
New Oriental Technology
New Oriental Technology
Jun 7, 2021 · Frontend Development

Introduction to Unit Testing with Jest and React Testing Library

This article explains the concept of unit testing, introduces the Jest framework and its configuration, demonstrates common APIs, matchers, asynchronous testing, mocking, coverage reporting, and shows how to test React components using React Testing Library with practical code examples.

FrontendJavaScriptJest
0 likes · 18 min read
Introduction to Unit Testing with Jest and React Testing Library
KooFE Frontend Team
KooFE Frontend Team
Jun 6, 2021 · Fundamentals

Mastering Caesar Cipher Refactoring: A Step‑by‑Step Clean JavaScript Guide

This article walks through the complete refactoring of a JavaScript Caesar cipher implementation, explaining the cipher basics, the importance of clean code, and eight incremental refactoring steps that replace magic numbers, extract duplicated logic, simplify conditionals, and improve naming for maintainable, readable code.

Caesar CipherJavaScriptProgramming Fundamentals
0 likes · 24 min read
Mastering Caesar Cipher Refactoring: A Step‑by‑Step Clean JavaScript Guide
TAL Education Technology
TAL Education Technology
Jun 3, 2021 · Frontend Development

Exploring Web Live Streaming: From Web 1.0 to 2.1 – Architecture, AI Integration, and Refactoring

This article chronicles the evolution of a web‑based live‑streaming platform from its initial Web 1.0 prototype through successive versions, detailing AI speech detection, RTC integration, extensive refactoring, and the resulting framework that proves web technologies can effectively support live‑streaming scenarios.

AI integrationAudio ProcessingJavaScript
0 likes · 6 min read
Exploring Web Live Streaming: From Web 1.0 to 2.1 – Architecture, AI Integration, and Refactoring
Sohu Tech Products
Sohu Tech Products
Jun 2, 2021 · Frontend Development

Understanding Top-Level Await in JavaScript Modules

This article explains how top‑level await, introduced in V8 from version 9.1 and enabled by default in modern browsers, allows developers to use await directly at a module’s top level, simplifying asynchronous code patterns with examples, execution order details, and practical use cases.

FrontendJavaScriptModules
0 likes · 8 min read
Understanding Top-Level Await in JavaScript Modules
ELab Team
ELab Team
Jun 2, 2021 · Frontend Development

Do You Really Need Plugins? Designing Secure, Scalable Plugin Systems

This article explores when plugins are truly necessary, outlines design principles and SOLID guidelines for building robust plugin architectures, demonstrates a step‑by‑step implementation of a calculator plugin system, and examines JavaScript and CSS sandboxing techniques to ensure plugin security in web applications.

JavaScriptSandboxingWeb Development
0 likes · 22 min read
Do You Really Need Plugins? Designing Secure, Scalable Plugin Systems
KooFE Frontend Team
KooFE Frontend Team
Jun 1, 2021 · Frontend Development

Master Variable Naming: Clean Code Practices for JavaScript

This article explains essential clean‑code techniques for naming variables in JavaScript/TypeScript, covering self‑descriptive, pronounceable identifiers, avoiding type prefixes, using consistent terminology, eliminating unnecessary context, and replacing magic numbers and strings with meaningful constants.

Best PracticesJavaScriptSoftware Engineering
0 likes · 10 min read
Master Variable Naming: Clean Code Practices for JavaScript
Tencent Cloud Developer
Tencent Cloud Developer
May 31, 2021 · Frontend Development

Understanding Vue.nextTick and the JavaScript Event Loop

Vue.nextTick schedules callbacks using a graceful‑degradation chain (Promise, MutationObserver, setImmediate, setTimeout) that leverages the JavaScript event‑loop’s micro‑task queue, ensuring DOM mutations are applied instantly but rendered after microtasks and before macrotasks, while the browser’s multi‑threaded architecture coordinates rendering, timers, and network work.

JavaScriptVue.jsevent-loop
0 likes · 12 min read
Understanding Vue.nextTick and the JavaScript Event Loop
ByteDance Dali Intelligent Technology Team
ByteDance Dali Intelligent Technology Team
May 31, 2021 · Frontend Development

Optimized Chinese Character Stroke‑Order Animation: Glyph Extraction, Stroke Segmentation, Median Generation, and Order Determination

This article describes how to integrate and extend the open‑source HanziWriter library for Android, iOS and web, extracting TrueType glyph data, segmenting strokes with corner detection and neural‑network scoring, generating stroke medians via Voronoi diagrams, and determining correct stroke order using a Hungarian‑algorithm match.

HanziWriterJavaScriptNeural Network
0 likes · 16 min read
Optimized Chinese Character Stroke‑Order Animation: Glyph Extraction, Stroke Segmentation, Median Generation, and Order Determination
WeDoctor Frontend Technology
WeDoctor Frontend Technology
May 30, 2021 · Frontend Development

How Rollup’s Tree‑Shaking Eliminates Dead Code: A Deep Dive

This article explains the fundamentals and implementation details of Rollup's tree‑shaking feature, showing how unused JavaScript code is identified and removed through static ES6 module analysis, with practical code examples and visual demonstrations of variable, function, and class elimination.

ES6 ModulesJavaScriptbundling
0 likes · 20 min read
How Rollup’s Tree‑Shaking Eliminates Dead Code: A Deep Dive
21CTO
21CTO
May 29, 2021 · Frontend Development

How Google’s Sparkplug Compiler Boosts Chrome Performance by 23%

Google’s new Sparkplug compiler for the V8 engine, introduced in Chrome 91, claims to cut CPU usage by the equivalent of 17 years per day and deliver a 23% speed boost, promising faster web experiences for all Chromium‑based browsers.

ChromeJavaScriptV8
0 likes · 4 min read
How Google’s Sparkplug Compiler Boosts Chrome Performance by 23%
Huolala Tech
Huolala Tech
May 28, 2021 · Frontend Development

Master Web Animations for Mobile: Tools, Tips, and Code Examples

This article reviews common web animation techniques for mobile projects—including GIF/APNG, CSS3, JavaScript, Lottie, SVG, and Canvas—offering practical tips, performance considerations, Vue and React implementations, and reusable code patterns to help developers confidently meet designers' animation requirements.

JavaScriptLottieReAct
0 likes · 13 min read
Master Web Animations for Mobile: Tools, Tips, and Code Examples
Laravel Tech Community
Laravel Tech Community
May 26, 2021 · Backend Development

Implementing QQ Login with OAuth2.0: Step‑by‑Step Guide

This guide explains how to implement QQ login using the official OAuth2.0 flow, covering developer registration, creating a website application, obtaining the authorization code, access token, and OpenID, and finally calling the get_user_info API to retrieve user details.

API integrationJavaScriptQQ Login
0 likes · 8 min read
Implementing QQ Login with OAuth2.0: Step‑by‑Step Guide
Taobao Frontend Technology
Taobao Frontend Technology
May 26, 2021 · Frontend Development

How iMove Enables Seamless In-Browser Code Execution for Developers

iMove, a reusable, function‑oriented JavaScript library, adds right‑click online code execution to its visual workflow, eliminating installation, simplifying testing with mock inputs, handling ES module imports via native browser support, CDN transforms, dynamic imports, and custom events to deliver instant, visual results.

CDNESMJavaScript
0 likes · 13 min read
How iMove Enables Seamless In-Browser Code Execution for Developers
KooFE Frontend Team
KooFE Frontend Team
May 25, 2021 · Frontend Development

Why Ignoring Exceptions Is Killing Your JavaScript Code (And How to Fix It)

This article explains why proper exception handling is essential for high‑quality JavaScript, contrasts using return codes with real exceptions, shows clean versus dirty code examples, and offers practical guidelines such as defining custom exception hierarchies, handling Promise rejections, and providing contextual error information.

JavaScriptcode qualityexception handling
0 likes · 10 min read
Why Ignoring Exceptions Is Killing Your JavaScript Code (And How to Fix It)
21CTO
21CTO
May 25, 2021 · Frontend Development

Unlock JavaScript 2021: 5 Game-Changing Features You Must Master

This article explores five powerful JavaScript 2021 enhancements—including logical assignment operators, replaceAll, numeric separators, Promise.any, and WeakRef/Finalizers—explaining their syntax, behavior, and practical code examples to help developers write cleaner, more efficient code.

2021 featuresFinalizationRegistryJavaScript
0 likes · 8 min read
Unlock JavaScript 2021: 5 Game-Changing Features You Must Master
Taobao Frontend Technology
Taobao Frontend Technology
May 25, 2021 · Frontend Development

Build and Publish a VSCode Code Snippets Extension—Avoid Common Pitfalls

This guide walks you through creating a VSCode code‑snippets extension from environment setup, Azure DevOps publisher registration, project scaffolding with Yeoman, configuring package.json and snippet JSON, debugging inside the extension host, packaging with vsce, and finally publishing the extension to the marketplace, while highlighting common pitfalls to avoid.

ExtensionJavaScriptVSCode
0 likes · 8 min read
Build and Publish a VSCode Code Snippets Extension—Avoid Common Pitfalls
ByteDance Web Infra
ByteDance Web Infra
May 21, 2021 · Frontend Development

Understanding the Popularity of TypeScript: History, Features, and Future Outlook

TypeScript’s rapid rise stems from its incremental type system, strategic collaborations, and tooling ecosystem—including DefinitelyTyped, JSX support, and integration with Babel and modern build tools—while its future may involve native type annotations in JavaScript and continued community‑driven evolution.

FrontendJavaScriptStatic Typing
0 likes · 17 min read
Understanding the Popularity of TypeScript: History, Features, and Future Outlook
ByteFE
ByteFE
May 20, 2021 · Fundamentals

Understanding ECMAScript: Cover Grammars and Finite Lookahead

This article explains ECMAScript's cover grammars and finite lookahead mechanisms for resolving ambiguous syntax, focusing on arrow function parameter lists versus parenthesized expressions.

Arrow FunctionsECMAScriptJavaScript
0 likes · 8 min read
Understanding ECMAScript: Cover Grammars and Finite Lookahead
JavaScript
JavaScript
May 20, 2021 · Frontend Development

Understanding JavaScript’s Math.max: Edge Cases and Array Tricks

This article explains how JavaScript’s Math.max function works, covering typical usage, single‑argument behavior, the surprising -Infinity result when called without arguments, and practical techniques for finding maximum values in arrays, including handling empty arrays.

ArrayInfinityJavaScript
0 likes · 3 min read
Understanding JavaScript’s Math.max: Edge Cases and Array Tricks
Youzan Coder
Youzan Coder
May 12, 2021 · Frontend Development

Understanding React Fiber Architecture, Work Units, and Scheduling

React Fiber rewrites React’s core algorithm by breaking the diff phase into small, interruptible fiber units, scheduling them during browser idle time with requestIdleCallback, using double‑buffered trees and effect lists to pause, resume, and efficiently commit DOM updates, thereby improving UI responsiveness in large applications.

Front-endJavaScriptReAct
0 likes · 28 min read
Understanding React Fiber Architecture, Work Units, and Scheduling
JavaScript
JavaScript
May 11, 2021 · Frontend Development

What’s New in Bootstrap 5? Key Features and Improvements Explained

Bootstrap 5 has officially launched with its first stable 5.0.0 release, introducing a redesigned logo, dropping support for older browsers, removing jQuery, updating to Popper V2, enhancing dropdowns, modals, tooltips, adding new components like offcanvas, accordion, tables, RTL support, a revamped utility API, and numerous performance and grid layout improvements.

BootstrapJavaScriptUI framework
0 likes · 3 min read
What’s New in Bootstrap 5? Key Features and Improvements Explained
ByteFE
ByteFE
May 8, 2021 · Fundamentals

Webpack Core Principles: Architecture and Workflow Analysis

This article provides a comprehensive analysis of Webpack's core architecture, explaining its three-phase workflow (initialization, building, and generation), plugin system, and module handling mechanisms to help developers understand the underlying principles of this static module bundler.

Build ToolsJavaScriptcompilation process
0 likes · 23 min read
Webpack Core Principles: Architecture and Workflow Analysis
ITPUB
ITPUB
May 8, 2021 · Frontend Development

From Static Pages to Server‑Side Rendering: A 30‑Year Journey of Web Technology

This article traces the evolution of web technologies from Tim Berners‑Lee's first static page in 1991 through the rise of HTML, CSS, JavaScript, dynamic server‑side solutions like PHP and AJAX, the emergence of SPAs, and modern innovations such as SSR, React Server Components, and Web Components, highlighting key milestones, challenges, and future directions.

HTMLJavaScriptNode.js
0 likes · 17 min read
From Static Pages to Server‑Side Rendering: A 30‑Year Journey of Web Technology
ByteDance Web Infra
ByteDance Web Infra
May 7, 2021 · Frontend Development

Understanding the ESModule Specification: Server and Browser Implementations, Third‑Party Dependency Challenges, and Next‑Generation Web App Development

This article explains the ESModule standard, compares its server‑side (Node.js) and browser implementations, discusses compatibility issues with CommonJS, examines the difficulties of using third‑party dependencies in browsers, and outlines emerging tools such as Snowpack and Vite that leverage native ESModules.

ESModuleJavaScriptNode.js
0 likes · 15 min read
Understanding the ESModule Specification: Server and Browser Implementations, Third‑Party Dependency Challenges, and Next‑Generation Web App Development
Youzan Coder
Youzan Coder
May 7, 2021 · Frontend Development

Understanding ArrayBuffer, TypedArray, DataView, and Blob in JavaScript

The article explains how JavaScript handles binary data by using ArrayBuffer as raw memory, TypedArray and DataView as typed views for reading and writing with endianness control, and Blob for file‑like binary objects, detailing their constructors, methods, and typical use cases such as WebGL, file upload, and image display.

ArrayBufferBLOBDataview
0 likes · 17 min read
Understanding ArrayBuffer, TypedArray, DataView, and Blob in JavaScript
KooFE Frontend Team
KooFE Frontend Team
May 6, 2021 · Fundamentals

When Are Code Comments Helpful? Best Practices for Clean JavaScript

This article examines the ongoing debate over code comments, explains when comments add value or cause noise, and outlines three practical guidelines—commenting only complex business logic, avoiding log‑type and positional markers—to improve JavaScript code readability.

Best PracticesJavaScriptSoftware Development
0 likes · 7 min read
When Are Code Comments Helpful? Best Practices for Clean JavaScript
Sohu Tech Products
Sohu Tech Products
May 5, 2021 · Frontend Development

Parallel Large File Download in JavaScript Using asyncPool

This article explains how to implement parallel downloading of large files in the browser by leveraging HTTP Range requests, the asyncPool concurrency‑control library, and auxiliary functions such as getContentLength, getBinaryContent, concatenate, and saveAs, complete with code examples and usage guidance.

BLOBHTTP RangeJavaScript
0 likes · 11 min read
Parallel Large File Download in JavaScript Using asyncPool
ITPUB
ITPUB
May 5, 2021 · Frontend Development

From Static Pages to SSR: A 30‑Year Web Technology Journey

Spanning three decades, this article traces the evolution of web development from Tim Berners‑Lee’s 1991 static page through the rise of HTML, CSS, JavaScript, PHP, AJAX, SPA frameworks, server‑side rendering, Node.js, and emerging trends like React Server Components, illustrating how each breakthrough addressed the limitations of its predecessors.

BackendFrontendJavaScript
0 likes · 18 min read
From Static Pages to SSR: A 30‑Year Web Technology Journey
ByteFE
ByteFE
Apr 29, 2021 · Frontend Development

Avoid Using Functions as Callbacks Unless They Are Designed for It – Common Pitfalls in JavaScript and TypeScript

The article explains how using functions that were not intended as callbacks—such as library utilities, Web APIs, or option objects—can break when array.map or other higher‑order functions pass extra arguments, and it shows safer patterns, TypeScript behavior, and linting hints to prevent these bugs.

CallbacksJavaScriptTypeScript
0 likes · 12 min read
Avoid Using Functions as Callbacks Unless They Are Designed for It – Common Pitfalls in JavaScript and TypeScript
21CTO
21CTO
Apr 28, 2021 · Frontend Development

Why Laravel + Vue.js Is the Power Combo for Modern Web Apps

This article explains how the Laravel PHP framework and the Vue.js progressive JavaScript library complement each other, highlighting their popularity, ease of integration, event‑driven architecture, virtual DOM performance, and faster learning curve, making them an ideal stack for new web projects.

BackendJavaScriptLaravel
0 likes · 5 min read
Why Laravel + Vue.js Is the Power Combo for Modern Web Apps
JavaScript
JavaScript
Apr 28, 2021 · Backend Development

How to Enable and Use ES Modules in Node.js (with .mjs and package.json)

This guide explains what ECMAScript (ES) modules are, how to enable them in Node.js using .mjs extensions or a package.json "type":"module" setting, and provides practical code examples for importing, exporting, and running ES modules from the command line.

CLIJavaScriptNode.js
0 likes · 5 min read
How to Enable and Use ES Modules in Node.js (with .mjs and package.json)
Liangxu Linux
Liangxu Linux
Apr 27, 2021 · Frontend Development

Build Your First VS Code Extension: A Step‑by‑Step Tutorial

This tutorial walks developers through the complete process of creating a simple Visual Studio Code extension—from installing Node.js, Git, and Yeoman, to generating project scaffolding, configuring package.json, writing activation code, adding commands and menu items, and testing the extension—while highlighting VS Code's multi‑process architecture and extension limitations.

Extension DevelopmentJavaScriptNode.js
0 likes · 15 min read
Build Your First VS Code Extension: A Step‑by‑Step Tutorial
ITPUB
ITPUB
Apr 27, 2021 · Game Development

23 Must‑Try Open‑Source Game Projects on GitHub to Boost Your Coding Skills

This article curates 23 open‑source game projects hosted on GitHub—ranging from Vim plugins and JavaScript Tetris clones to Python, Go, and web‑based multiplayer titles—providing installation steps, feature highlights, code snippets, and live demo links so developers can learn, experiment, and have fun during breaks.

GitHubJavaScriptPython
0 likes · 14 min read
23 Must‑Try Open‑Source Game Projects on GitHub to Boost Your Coding Skills
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 27, 2021 · Fundamentals

Class Fields Reach Stage 4 – How This Changes JavaScript Development

The article reviews the recent TC39 meeting where the Class Fields proposal advanced to Stage 4, outlines the criteria for moving between proposal stages, and summarizes several other ECMAScript proposals—including Intl.LocaleInfo, Object.hasOwn, Symbol as WeakMap keys, extended timezone options, copy‑based array methods, and readonly ArrayBuffer—detailing their goals, status, and example code.

Class FieldsECMAScriptJavaScript
0 likes · 15 min read
Class Fields Reach Stage 4 – How This Changes JavaScript Development
Taobao Frontend Technology
Taobao Frontend Technology
Apr 26, 2021 · Game Development

How Eva.js Empowers Front‑End Engineers to Build Interactive Games with Minimal Code

Eva.js, an open‑source interactive game engine developed by Alibaba, combines a lightweight ECS architecture, PixiJS rendering, and performance‑focused loading strategies to let front‑end developers create engaging web games with just a few lines of code, while supporting accessibility and state management.

ECSFrontendGame Engine
0 likes · 9 min read
How Eva.js Empowers Front‑End Engineers to Build Interactive Games with Minimal Code
MaGe Linux Operations
MaGe Linux Operations
Apr 25, 2021 · Backend Development

How to Use AJAX with Django: GET & POST Requests Made Easy

This tutorial explains how to integrate AJAX fetch calls with Django views for both GET and POST requests, covering header configuration, CSRF handling, JSON data exchange, and the updated method for detecting AJAX requests in Django 3.1 and later.

AJAXCSRFDjango
0 likes · 11 min read
How to Use AJAX with Django: GET & POST Requests Made Easy
php Courses
php Courses
Apr 25, 2021 · Backend Development

Dynamic Category Loading with Layui and ThinkPHP 5.1

This tutorial demonstrates how to integrate Layui with ThinkPHP 5.1 to dynamically load hierarchical city category data, covering HTML setup, JavaScript tree rendering, PHP backend data retrieval, and a recursive method for obtaining parent IDs, enabling interactive navigation of multi‑level locations.

JavaScriptLayuiThinkPHP
0 likes · 5 min read
Dynamic Category Loading with Layui and ThinkPHP 5.1
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 25, 2021 · Frontend Development

Mastering TypeScript: Data Types, Advanced Features, and V8 Performance Hacks

This article explores JavaScript and TypeScript data types, explains how TypeScript enhances code robustness with interfaces and generics, examines common JavaScript pitfalls, and demonstrates how V8’s TurboFan compiler and type‑consistent code can dramatically improve performance, complemented by practical TypeScript tips and advanced type utilities.

JavaScriptPerformanceTypeScript
0 likes · 15 min read
Mastering TypeScript: Data Types, Advanced Features, and V8 Performance Hacks
JavaScript
JavaScript
Apr 25, 2021 · Frontend Development

Why Does parseInt(0.0000005) Return 5? Uncovering JavaScript’s Quirks

This article explains JavaScript’s parseInt function, demonstrates how it parses integer strings and binary numbers, reveals its unexpected behavior with small floating‑point values due to automatic string conversion and exponential notation, and recommends using Math.floor for reliable integer extraction.

JavaScriptMath.floorparseInt
0 likes · 5 min read
Why Does parseInt(0.0000005) Return 5? Uncovering JavaScript’s Quirks
ELab Team
ELab Team
Apr 22, 2021 · Frontend Development

Unlocking JavaScript Power: How AST Drives Modern Front‑End Tools

This article explains what an Abstract Syntax Tree (AST) is, how it’s generated during lexical and syntax analysis, outlines its core structure, and demonstrates practical applications such as code transformation, linting, formatting, and custom Babel plugins with detailed code examples.

ASTBabelJavaScript
0 likes · 16 min read
Unlocking JavaScript Power: How AST Drives Modern Front‑End Tools
ELab Team
ELab Team
Apr 21, 2021 · Frontend Development

Master JavaScript Scope, Context, and Closures: From Basics to React

This article explains JavaScript’s scope types, execution context, activation objects, and the lifecycle of functions, illustrating how closures retain memory, how garbage collection works, and provides practical solutions for common closure pitfalls in React functional components.

JavaScriptReActScope
0 likes · 12 min read
Master JavaScript Scope, Context, and Closures: From Basics to React
ByteDance ADFE Team
ByteDance ADFE Team
Apr 19, 2021 · Frontend Development

Understanding React's Event System: Registration and Dispatch

This article explains how React registers event listeners on the root, extracts events from the fiber tree, synthesizes cross‑browser synthetic events, accumulates callbacks, and finally dispatches them, illustrating each step with code examples and diagrams.

Event SystemJavaScriptReAct
0 likes · 9 min read
Understanding React's Event System: Registration and Dispatch
ByteFE
ByteFE
Apr 14, 2021 · Frontend Development

Understanding JavaScript Memory Leaks and Garbage Collection

This article explains JavaScript memory leaks, covering their definition, how JS manages stack and heap memory, automatic garbage collection, Chrome DevTools profiling techniques, and common leak patterns such as improper closures, global variables, detached DOM nodes, console logging, and forgotten timers, with detection and mitigation strategies.

Chrome DevToolsGarbage CollectionJavaScript
0 likes · 17 min read
Understanding JavaScript Memory Leaks and Garbage Collection
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 12, 2021 · Frontend Development

Demystifying React Router: From Native JS Routing to Source Code Deep Dive

This article walks through building a basic front‑end router with vanilla JavaScript, then dissects React Router’s source code—including BrowserRouter, HashRouter, Router, Route, and matchPath—explaining their implementations, the history library, and how they improve routing compared to native approaches.

Hash RoutingHistory APIJavaScript
0 likes · 27 min read
Demystifying React Router: From Native JS Routing to Source Code Deep Dive
ByteFE
ByteFE
Apr 10, 2021 · Frontend Development

Interview with dexteryy: The Evolution and Future of Modern Web Development

In this extensive interview, dexteryy, a senior Web front‑end engineer at ByteDance, shares his personal journey, reflects on the historical stages of Web development, discusses current challenges of mobile and immersive experiences, and outlines the vision for next‑generation application development tools and ecosystems.

CareerFrontendJavaScript
0 likes · 17 min read
Interview with dexteryy: The Evolution and Future of Modern Web Development
ByteFE
ByteFE
Apr 9, 2021 · Frontend Development

Must‑Read JavaScript & Performance Insights: From V8 Optimization to Mobile Startup

This curated guide presents concise technical deep‑dives into JavaScript protection, pagination techniques, Babel async/await transformation, Web Worker sandboxing, V8 engine tuning, React Native launch optimization, collaborative editing algorithms, Windows defragmentation, CLS metric evolution, accessible UI components, and future‑proof CSS strategies.

FrontendJavaScriptMobile Development
0 likes · 4 min read
Must‑Read JavaScript & Performance Insights: From V8 Optimization to Mobile Startup
ByteFE
ByteFE
Apr 8, 2021 · Fundamentals

Understanding Prototype Property Lookup and the [[Get]] Internal Method in ECMAScript

This article walks through how the ECMAScript specification defines prototype chain property lookup, detailing the [[Get]] internal method, OrdinaryGet algorithm, the role of the Receiver parameter, and how these mechanisms are invoked during member expression evaluation and function calls.

ECMAScriptInternal MethodsJavaScript
0 likes · 14 min read
Understanding Prototype Property Lookup and the [[Get]] Internal Method in ECMAScript
ELab Team
ELab Team
Apr 7, 2021 · Backend Development

How to Build a Minimal Node.js Server and Master Koa’s Middleware Architecture

This article walks through creating a simple native Node.js HTTP server, applying the Strategy pattern to decouple routes, enforcing the DRY principle with Promises, and then dives deep into Koa’s core source—including its constructor, use, listen, compose, and router modules—to reveal how the framework orchestrates middleware and request handling.

HTTP serverJavaScriptKoa
0 likes · 21 min read
How to Build a Minimal Node.js Server and Master Koa’s Middleware Architecture
ByteFE
ByteFE
Apr 7, 2021 · Frontend Development

Promise‑Based JavaScript Animation Library: Design and Implementation

This article introduces a Promise‑based JavaScript animation library, explains how to create sequential animations using async/await, provides polyfills for requestAnimationFrame and es6‑promise, details the Animator class implementation, and demonstrates usage with code examples and easing extensions.

AnimatorAsync/AwaitFrontend
0 likes · 11 min read
Promise‑Based JavaScript Animation Library: Design and Implementation
JavaScript
JavaScript
Apr 5, 2021 · Mobile Development

What’s New in NativeScript 8.0? Explore M1, Webpack5, and Accessibility Boosts

NativeScript 8.0 expands the mature cross‑platform framework with Apple Silicon (M1) support, Webpack 5 integration, enhanced accessibility, new ESLint rules, a RootLayout container, updated documentation, and streamlined core features for building iOS and Android apps using JavaScript or TypeScript.

AndroidJavaScriptMobile Development
0 likes · 2 min read
What’s New in NativeScript 8.0? Explore M1, Webpack5, and Accessibility Boosts
Sohu Tech Products
Sohu Tech Products
Mar 31, 2021 · Frontend Development

Front‑End Performance Optimization: Loading‑Time and Runtime Techniques

This article explains why front‑end performance optimization is crucial for user retention and conversion, outlines loading‑time and runtime optimization categories, and provides practical techniques such as DNS prefetching, HTTP/2 adoption, resource compression, lazy loading, virtual lists, event delegation, and code‑level best practices with concrete code examples.

FrontendJavaScriptloading
0 likes · 24 min read
Front‑End Performance Optimization: Loading‑Time and Runtime Techniques
Taobao Frontend Technology
Taobao Frontend Technology
Mar 31, 2021 · Frontend Development

How to Build a Web H.265 Decoder with WebAssembly and FFmpeg

This article walks through the complete process of creating a browser‑based H.265 video decoder by compiling a trimmed FFmpeg library to WebAssembly, designing a modular player architecture, and integrating the WASM module with JavaScript workers for real‑time playback of high‑resolution streams.

FFmpegH.265JavaScript
0 likes · 22 min read
How to Build a Web H.265 Decoder with WebAssembly and FFmpeg
ByteFE
ByteFE
Mar 30, 2021 · Frontend Development

Understanding Babel: Core Functions, AST, Polyfills, and Presets

This article explains Babel's role as a fundamental JavaScript compiler, detailing its parsing‑transform‑printing pipeline, AST structure, core‑js polyfills, preset‑env configuration, and runtime helpers, providing frontend developers with a comprehensive guide to mastering Babel's ecosystem and optimizing bundle size.

ASTJavaScriptPolyfill
0 likes · 13 min read
Understanding Babel: Core Functions, AST, Polyfills, and Presets
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 30, 2021 · Frontend Development

How to Build a Unified Cross‑Platform Frontend with Adaptive UI Layers

This article explains a joint cross‑platform approach that lets developers share a single codebase across PC browsers, mobile web, and app WebViews by exposing adaptable UI and logic layers, using custom adapters and build tools to generate platform‑specific bundles while preserving existing tech stacks.

Build ToolsCross-PlatformJavaScript
0 likes · 15 min read
How to Build a Unified Cross‑Platform Frontend with Adaptive UI Layers
WecTeam
WecTeam
Mar 27, 2021 · Frontend Development

JavaScript Memory Management & Flutter Web at Meituan: Key Insights

This newsletter highlights two technical articles: one explains JavaScript's memory allocation, stack and heap usage, and garbage‑collection methods with examples of common leaks, while the other details Meituan Waimai's Flutter Web performance challenges and their mitigation strategies.

JavaScriptMemory managementflutter-web
0 likes · 2 min read
JavaScript Memory Management & Flutter Web at Meituan: Key Insights
Beike Product & Technology
Beike Product & Technology
Mar 24, 2021 · Frontend Development

Understanding Tapable: Hooks and Flow Control in Webpack

Tapable is a flow‑control library used by webpack that implements synchronous and asynchronous hook mechanisms, enabling plugins to subscribe and publish events through a standardized interface, as demonstrated by source code analysis and generated function examples.

Flow ControlJavaScriptTapable
0 likes · 11 min read
Understanding Tapable: Hooks and Flow Control in Webpack
php Courses
php Courses
Mar 23, 2021 · Backend Development

Implementing Ajax Image Upload with Deletion in ThinkPHP5

This guide demonstrates how to replace a standard file upload in a ThinkPHP5 post feature with an Ajax-based solution that allows real‑time image preview, server‑side handling via PHP, and selective deletion of uploaded images, improving compatibility and user experience.

FormDataImage UploadJavaScript
0 likes · 5 min read
Implementing Ajax Image Upload with Deletion in ThinkPHP5
New Oriental Technology
New Oriental Technology
Mar 22, 2021 · Backend Development

Introduction to Node.js: History, Core Features, and Ecosystem

This article introduces Node.js by recounting its creator Ryan Dahl's background, explaining its core characteristics of single‑threaded, event‑driven, non‑blocking I/O architecture, describing suitable use cases, and reviewing basic code examples and popular frameworks such as Express, Koa, Nest, and Egg.

BackendJavaScriptNode.js
0 likes · 11 min read
Introduction to Node.js: History, Core Features, and Ecosystem
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 18, 2021 · Frontend Development

Understanding React Fiber: How It Boosts Rendering Performance

This article explains why React introduced the Fiber architecture, how it breaks rendering work into small interruptible units, the role of requestAnimationFrame and requestIdleCallback, the underlying linked‑list data structures, and provides code examples that illustrate the render and commit phases for smoother UI updates.

JavaScriptPerformanceReAct
0 likes · 24 min read
Understanding React Fiber: How It Boosts Rendering Performance
ELab Team
ELab Team
Mar 17, 2021 · Frontend Development

Mastering Time in JavaScript: From Unix Timestamps to Modern Date Libraries

This article explains the history of global time standards, how computers represent time with Unix timestamps and the 2038 problem, details ISO 8601 and RFC 2822 formats, and provides practical JavaScript Date usage examples along with comparisons of popular date‑handling libraries such as Moment.js, Dayjs, and Miment.

DayjsFrontendJavaScript
0 likes · 22 min read
Mastering Time in JavaScript: From Unix Timestamps to Modern Date Libraries
ByteFE
ByteFE
Mar 17, 2021 · Frontend Development

A Comprehensive Guide to JavaScript's Array reduce Method and Its Versatile Applications

This article explains the syntax and behavior of JavaScript's reduce method, compares it with map, forEach, filter and find, and demonstrates numerous practical patterns such as flattening arrays, counting occurrences, grouping by property, deduplication, and finding extrema, all illustrated with clear code examples.

ArrayCode examplesFunctional Programming
0 likes · 10 min read
A Comprehensive Guide to JavaScript's Array reduce Method and Its Versatile Applications
JavaScript
JavaScript
Mar 17, 2021 · Frontend Development

Explore the New ECMAScript 2021 Specification – The Future of JavaScript

Frontend developers are urged to spend a relaxed weekend reviewing the nearly completed ECMAScript 2021 specification—set for Ecma’s June approval—which will underpin the next generation of JavaScript implementations, with the full draft available at https://tc39.es/ecma262/2021/.

2021ECMAScriptJavaScript
0 likes · 1 min read
Explore the New ECMAScript 2021 Specification – The Future of JavaScript
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 16, 2021 · Fundamentals

How Error Cause, Temporal, and Array.findLast Proposals Will Transform JavaScript

The article reviews recent TC39 proposal updates—including Error Cause reaching Stage 3, the Temporal API replacing the flawed Date object, the new Array.findLast methods, and Module Fragments—explaining their motivations, design details, code examples, and how they aim to improve JavaScript development across environments.

Array.findLastECMAScriptError Cause
0 likes · 14 min read
How Error Cause, Temporal, and Array.findLast Proposals Will Transform JavaScript
Alibaba Cloud Developer
Alibaba Cloud Developer
Mar 16, 2021 · Frontend Development

Secure Plugin Sandboxes in Modern Web Editors: VS Code, Atom, and Figma

Exploring the evolution of web-based editors and design tools, this article examines why traditional plugin architectures like Atom faltered, how VS Code’s more restrictive model improves performance and security, and delves into Figma’s sophisticated sandboxing techniques—including Realm, Duktape, and CSS isolation—to balance flexibility with safety.

FigmaJavaScriptSandbox
0 likes · 15 min read
Secure Plugin Sandboxes in Modern Web Editors: VS Code, Atom, and Figma
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 15, 2021 · Frontend Development

Why Object.keys() Doesn’t Preserve Insertion Order: A Deep Dive into JavaScript Engine Sorting

This article investigates why JavaScript's Object.keys() may return keys in an unexpected order, explains the specification‑defined sorting rules for integer and string properties, demonstrates the issue with timestamp tags on iOS and Android, and explores the actual implementations in QuickJS and V8 engines.

JavaScriptObject.keysQuickJS
0 likes · 16 min read
Why Object.keys() Doesn’t Preserve Insertion Order: A Deep Dive into JavaScript Engine Sorting
Baidu Geek Talk
Baidu Geek Talk
Mar 10, 2021 · Frontend Development

How San CLI Works Under the Hood: Core Modules, Workflow, and Plugin Architecture

This article dissects San CLI's internal architecture, detailing its core modules, the distinction between main and service processes, the step‑by‑step execution of the san init command, the TaskList implementation that drives sequential tasks, and the design of Command and Service plugins that enable extensibility.

CLICommand PluginJavaScript
0 likes · 16 min read
How San CLI Works Under the Hood: Core Modules, Workflow, and Plugin Architecture