BestHub
Sign in
Tagged articles

JavaScript

2446 articles · Page 19 of 25
Tencent Cloud Middleware
Tencent Cloud Middleware
Mar 20, 2020 · Fundamentals

Why the Second Call to a JavaScript Constructor Is Slower: Inside V8’s Inline Caches

An in‑depth analysis of V8’s Inline Cache mechanism shows how hidden classes, map transitions, type‑feedback vectors, and the IC state machine cause the second invocation of a JavaScript constructor to be slower than the first, while the third becomes faster, explaining performance variations in property accesses.

Hidden ClassesIC State MachineInline Cache
0 likes · 12 min read
Why the Second Call to a JavaScript Constructor Is Slower: Inside V8’s Inline Caches
TAL Education Technology
TAL Education Technology
Mar 20, 2020 · Frontend Development

Building a Chrome Extension Flip-Pen Remote Control with WebSocket

This article introduces Chrome extension fundamentals, outlines its core components and APIs, and provides a step‑by‑step guide—including server‑side WebSocket handling, content‑script communication, popup QR‑code generation, and installation methods—to create a flip‑pen remote‑control plugin.

Browser PluginChrome ExtensionJavaScript
0 likes · 12 min read
Building a Chrome Extension Flip-Pen Remote Control with WebSocket
Programmer DD
Programmer DD
Mar 15, 2020 · Backend Development

How QR Code Login Works: Inside WeChat and Taobao Implementations

This article explains the technical principles and step‑by‑step implementation of QR‑code login, covering both the web‑client and server sides, with detailed examples from WeChat and Taobao, including request flows, Redis usage, token handling, and JavaScript code snippets.

JavaScriptQR Code LoginTaobao
0 likes · 11 min read
How QR Code Login Works: Inside WeChat and Taobao Implementations
Tencent Cloud Developer
Tencent Cloud Developer
Mar 11, 2020 · Artificial Intelligence

Build a Real‑Time Webcam Posture Monitor with TensorFlow.js

During pandemic remote work, this guide shows engineers how to use a webcam, TensorFlow.js pose detection, and simple web APIs to monitor posture, automate meal and water reminders, and generate audio alerts, turning everyday health risks into a programmable personal wellness system.

FrontendJavaScriptPosture Detection
0 likes · 12 min read
Build a Real‑Time Webcam Posture Monitor with TensorFlow.js
360 Quality & Efficiency
360 Quality & Efficiency
Mar 6, 2020 · Frontend Development

Implementing Long‑Press Functionality in Vue with JavaScript

This article explains how to create a long‑press button in a Vue application by using native JavaScript events, timers, and a custom Vue directive, covering variable setup, start and cancel functions, event listeners for mouse and touch, and error handling for non‑function bindings.

DirectiveFrontendJavaScript
0 likes · 8 min read
Implementing Long‑Press Functionality in Vue with JavaScript
macrozheng
macrozheng
Mar 5, 2020 · Frontend Development

Master Electron: From Setup to Real-World Desktop Apps with Vue

This guide walks you through the rationale for desktop (C/S) apps, introduces Electron, details environment setup, project scaffolding, source structure, main and renderer processes, and showcases complete example applications built with Electron‑Vue.

Desktop DevelopmentElectronJavaScript
0 likes · 11 min read
Master Electron: From Setup to Real-World Desktop Apps with Vue
Aotu Lab
Aotu Lab
Feb 28, 2020 · Frontend Development

How to Speed Up Web Font Loading with Subsetting and FontFace APIs

This article explains why Chinese web fonts are large, how to analyze their structure, and presents practical techniques—including fontmin subsetting, SVG rendering, and the FontFace API—to dramatically reduce load time and control font display behavior for better user experience.

@font-faceFont SubsettingJavaScript
0 likes · 18 min read
How to Speed Up Web Font Loading with Subsetting and FontFace APIs
Alibaba Terminal Technology
Alibaba Terminal Technology
Feb 27, 2020 · Frontend Development

Mastering Dark Mode: CSS & JavaScript Techniques for Seamless Light/Dark Switching

This article explains why dark mode has become a web design focus, describes system‑level dark/light themes, and provides step‑by‑step CSS and JavaScript solutions—including media queries, custom properties, color‑scheme, filters, mix‑blend‑mode, image handling, and loading strategies—to implement reliable dark mode across browsers.

JavaScriptaccessibilitycss
0 likes · 25 min read
Mastering Dark Mode: CSS & JavaScript Techniques for Seamless Light/Dark Switching
vivo Internet Technology
vivo Internet Technology
Feb 19, 2020 · Frontend Development

What Is Front-End Development and the Evolution of Web Technologies

The article explains front‑end development as browser‑side code that renders HTML skeleton, CSS styling, and JavaScript interactivity, traces the full request‑to‑display lifecycle, recounts JavaScript’s history from 1995 to ES6, and surveys evolving paradigms such as Ajax, MVC, MVVM, SPA, SSR, and full‑stack Node.

AJAXFrontendJavaScript
0 likes · 17 min read
What Is Front-End Development and the Evolution of Web Technologies
Taobao Frontend Technology
Taobao Frontend Technology
Feb 19, 2020 · Frontend Development

Mastering Dark Mode: CSS & JavaScript Techniques for Modern Web Design

This article explains why dark mode has become a web design priority, describes the system‑level nature of dark/light themes, and provides practical CSS and JavaScript solutions—including media queries, custom properties, color‑scheme, filters, mix‑blend‑mode, and transition effects—to implement seamless dark mode support across browsers.

JavaScriptWeb Developmentcss
0 likes · 25 min read
Mastering Dark Mode: CSS & JavaScript Techniques for Modern Web Design
Alibaba Cloud Native
Alibaba Cloud Native
Feb 18, 2020 · Backend Development

How Yuque Scaled from Prototype to Commercial SaaS with a JavaScript Full‑Stack

This article chronicles Yuque's evolution from a 2016 internal prototype to a fully commercialized knowledge‑base platform, detailing its JavaScript full‑stack architecture, migration from BaaS to IaaS, adoption of microservices and serverless functions, and the security and stability practices that support its growth.

JavaScriptServerlessbackend-architecture
0 likes · 20 min read
How Yuque Scaled from Prototype to Commercial SaaS with a JavaScript Full‑Stack
Python Programming Learning Circle
Python Programming Learning Circle
Feb 10, 2020 · Information Security

Common Anti‑Crawling Techniques and Countermeasures for Python Web Scrapers

The article outlines typical anti‑crawling measures such as browser detection, captchas, login requirements, JavaScript obfuscation, and behavior‑based blocks, and provides practical counter‑strategies including header spoofing, captcha solving, session/token handling, JS emulation, and human‑like request pacing.

AutomationJavaScriptSession
0 likes · 6 min read
Common Anti‑Crawling Techniques and Countermeasures for Python Web Scrapers
Java Captain
Java Captain
Feb 1, 2020 · Fundamentals

A Beginner's Guide to Regular Expressions: Basics, Advanced Features, and Practical Code Samples

This article provides a clear, step‑by‑step tutorial on regular expressions—covering fundamental metacharacters, quantifiers, grouping, alternation, character classes, assertions, capturing, back‑references, greedy vs. lazy matching, and includes runnable code snippets in Java and JavaScript for common validation tasks.

JavaJavaScriptPattern Matching
0 likes · 20 min read
A Beginner's Guide to Regular Expressions: Basics, Advanced Features, and Practical Code Samples
Qunar Tech Salon
Qunar Tech Salon
Jan 21, 2020 · Frontend Development

Top 10 Emerging Chinese Front‑End Frameworks

This article surveys the ten most promising Chinese front‑end frameworks of 2019‑2020, such as Ramda, WeUI, ColorUI, Omi, Taro, Flutter, SpriteJS, NestJS, DoKit and imgcook, highlighting their origins, key features, ecosystem support and GitHub popularity to illustrate the rapid evolution of front‑end technology.

ChinaFrontendJavaScript
0 likes · 11 min read
Top 10 Emerging Chinese Front‑End Frameworks
WecTeam
WecTeam
Jan 17, 2020 · Frontend Development

Weekly Frontend Highlights: Visual Builder, Image Filters, Vue vs React, ES2020

This week’s Front‑End roundup covers a visual page‑builder design, Canvas‑based image filters, a Vue vs React comparison, a 2019 technology review, Airbnb’s large‑scale GraphQL migration, and the latest ES2020 JavaScript features, each with concise insights and illustrative images.

ES2020FrontendGraphQL
0 likes · 4 min read
Weekly Frontend Highlights: Visual Builder, Image Filters, Vue vs React, ES2020
WecTeam
WecTeam
Jan 16, 2020 · Frontend Development

Create Stunning Image Filters with Canvas: From Basics to Convolution

This tutorial explains how to implement common image filters such as red, grayscale, and inverse effects using the Canvas API, then introduces convolution fundamentals to achieve advanced effects like edge detection and sharpening, complete with code samples and visual results.

ConvolutionImage FilteringJavaScript
0 likes · 14 min read
Create Stunning Image Filters with Canvas: From Basics to Convolution
Qunar Tech Salon
Qunar Tech Salon
Jan 14, 2020 · Frontend Development

Design, Implementation, and Testing of a Babel Console‑Transform Plugin

This article explains how to create a Babel plugin that removes console calls in production builds while extending console methods with styled output and source location information in development, covering installation, configuration, AST manipulation, option validation, and comprehensive testing using TypeScript, ts‑mocha, and chai.

ASTBabelJavaScript
0 likes · 11 min read
Design, Implementation, and Testing of a Babel Console‑Transform Plugin
21CTO
21CTO
Jan 10, 2020 · Frontend Development

Master Vue in 2019: The Ultimate Knowledge Map for Frontend Developers

This guide presents a high‑level knowledge map for Vue developers, covering essential JavaScript basics, core Vue concepts, component architecture, SPA routing, state management, real‑world tooling, testing, performance optimization, related ecosystems, and advanced frameworks like Nuxt and Vuetify.

JavaScriptNuxtSPA
0 likes · 12 min read
Master Vue in 2019: The Ultimate Knowledge Map for Frontend Developers
WecTeam
WecTeam
Jan 9, 2020 · Frontend Development

How to Build a Switchable DOM & Canvas Web Gomoku Game from Scratch

This tutorial walks through creating a lightweight web Gomoku game using JavaScript, detailing both a plain‑DOM renderer and a Canvas renderer, their interchangeable architecture, and core features like move handling, undo/redo, win detection, and board resetting.

DOMGomokuJavaScript
0 likes · 21 min read
How to Build a Switchable DOM & Canvas Web Gomoku Game from Scratch
Aotu Lab
Aotu Lab
Jan 9, 2020 · Frontend Development

Why Taro 2.0 Rewrites the CLI with Webpack: Migration Guide and New Features

This article explains the motivations behind Taro 2.0’s CLI overhaul, details how the custom build system was replaced by Webpack, provides step‑by‑step migration instructions, showcases new hooks, loader and plugin configurations, and outlines future plans for the framework.

Build SystemCLIFrontend
0 likes · 11 min read
Why Taro 2.0 Rewrites the CLI with Webpack: Migration Guide and New Features
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Jan 3, 2020 · Frontend Development

Deep Dive into Vue.js Core Initialization: Global API, Asset Registration, and Utility Functions

This article provides a detailed walkthrough of Vue.js’s core initialization process, examining how the framework’s global API, asset registration, and various utility functions are set up through multiple layers of source code, with extensive code examples and explanations of each step.

JavaScriptVue.jsframework
0 likes · 14 min read
Deep Dive into Vue.js Core Initialization: Global API, Asset Registration, and Utility Functions
AutoHome Frontend
AutoHome Frontend
Jan 2, 2020 · Frontend Development

How to Conditionally Insert Properties into a JavaScript Object Literal

This article explains how the spread operator combined with logical && can conditionally add properties to an object, detailing the underlying ECMAScript specification, the CopyDataProperties abstract operation, and edge cases with null, undefined, and primitive values.

Conditional PropertyCopyDataPropertiesECMAScript
0 likes · 7 min read
How to Conditionally Insert Properties into a JavaScript Object Literal
WecTeam
WecTeam
Jan 2, 2020 · Frontend Development

How to Simulate Browser Cookies in WeChat Mini Programs: A Complete Guide

This article explains why WeChat Mini Programs need a custom cookie solution, details the browser cookie model, and provides a step‑by‑step implementation using the Mini Program Storage and Network APIs, including code samples, performance tips, testing, and security considerations.

CookieJavaScriptStorage API
0 likes · 14 min read
How to Simulate Browser Cookies in WeChat Mini Programs: A Complete Guide
WecTeam
WecTeam
Dec 31, 2019 · Frontend Development

Why You Should Switch to TypeScript: Benefits, Pitfalls, and Real‑World Examples

This article chronicles a developer's transition from plain JavaScript to TypeScript, illustrating how static typing improves code robustness, debugging, and documentation while also discussing migration steps, common pitfalls, and practical examples across frontend projects.

Code RefactoringJavaScriptStatic Typing
0 likes · 19 min read
Why You Should Switch to TypeScript: Benefits, Pitfalls, and Real‑World Examples
WecTeam
WecTeam
Dec 26, 2019 · Fundamentals

How to Build a Custom JSON Parser in JavaScript from Scratch

This article walks through creating a JSON parser in JavaScript, covering the JSON grammar, railroad and BNF diagrams, step‑by‑step implementation of object, array and value parsing, robust error handling, and suggestions for meaningful error messages.

Error handlingJavaScriptParser
0 likes · 13 min read
How to Build a Custom JSON Parser in JavaScript from Scratch
Python Programming Learning Circle
Python Programming Learning Circle
Dec 24, 2019 · Frontend Development

What Shaped Frontend Development in 2019? A Comprehensive Recap

The 2019 frontend landscape saw React retain dominance, TypeScript surge, WebAssembly become a fourth web language, Vue prepare for version 3, Angular introduce Ivy, static sites and JAMstack rise, PWA adoption grow, and a wave of new tools, standards, and predictions for 2020, reflecting rapid evolution across frameworks, languages, and tooling.

AngularJavaScriptReAct
0 likes · 22 min read
What Shaped Frontend Development in 2019? A Comprehensive Recap
WecTeam
WecTeam
Dec 24, 2019 · Frontend Development

How to Get Full TypeScript IntelliSense in Plain JavaScript with VSCode

This tutorial explains how to bring TypeScript‑style type checking and autocomplete into regular JavaScript files using VSCode, JSDoc comments, and declaration files, allowing developers to enjoy static‑type benefits without converting the whole project to .ts files.

FrontendJSDocJavaScript
0 likes · 31 min read
How to Get Full TypeScript IntelliSense in Plain JavaScript with VSCode
Tencent Cloud Developer
Tencent Cloud Developer
Dec 23, 2019 · Frontend Development

How Tencent’s Hippy Makes Cross‑Platform Front‑End Development Simpler

Tencent’s open‑source Hippy framework, now used by 18 internal services with over a hundred million daily page views, offers a front‑end‑friendly, W3C‑compliant cross‑platform solution that supports React and Vue, reduces learning barriers, and improves performance through a C++‑based engine‑direct architecture.

FrontendHippyJavaScript
0 likes · 5 min read
How Tencent’s Hippy Makes Cross‑Platform Front‑End Development Simpler
Yanxuan Tech Team
Yanxuan Tech Team
Dec 23, 2019 · Frontend Development

How NetEase Yanxuan Scales Front‑End Development with Enterprise‑Grade Micro‑Frontend Architecture

This article details NetEase Yanxuan's enterprise micro‑frontend solution, covering its architectural design, isolation techniques, communication mechanisms, configuration center, and the concrete business benefits such as breaking down giant monoliths, improving module reuse, and streamlining multi‑team collaboration.

EnterpriseJavaScriptapplication isolation
0 likes · 23 min read
How NetEase Yanxuan Scales Front‑End Development with Enterprise‑Grade Micro‑Frontend Architecture
Programmer DD
Programmer DD
Dec 21, 2019 · Frontend Development

Master ESLint: A Complete Frontend Guide to Linting JavaScript Code

This article introduces ESLint, explains why JavaScript linting is essential, walks through installation, demonstrates sample code with common errors, shows how to configure rules via .eslintrc.js, and outlines IDE integration to improve frontend development efficiency.

ESLintIDE integrationJavaScript
0 likes · 4 min read
Master ESLint: A Complete Frontend Guide to Linting JavaScript Code
QQ Music Frontend Team
QQ Music Frontend Team
Dec 15, 2019 · Frontend Development

Inside React’s useEffect: A Deep Dive into the Fiber Source Code

This article dissects the inner workings of React's useEffect hook by tracing its implementation through the React Fiber architecture, from mountEffect and updateEffect functions to the commit phase, revealing how side‑effects are scheduled, created, and cleaned up in modern React applications.

JavaScriptReActfiber
0 likes · 18 min read
Inside React’s useEffect: A Deep Dive into the Fiber Source Code
Sohu Tech Products
Sohu Tech Products
Dec 11, 2019 · Frontend Development

26 Amazing VS Code Extensions for JavaScript Developers (2019)

This article presents a curated list of 26 powerful Visual Studio Code extensions—including Project Snippets, Better Comments, Bracket Pair Colorizer, Material Theme, ESLint, Stylelint, REST Client, and many more—that enhance productivity, code quality, and workflow for JavaScript and TypeScript developers.

ExtensionsFrontendJavaScript
0 likes · 11 min read
26 Amazing VS Code Extensions for JavaScript Developers (2019)
Huajiao Technology
Huajiao Technology
Dec 10, 2019 · Frontend Development

How to Merge FLV.js and HLS.js into a Unified Web Video Player

This article provides a detailed technical analysis of FLV.js and HLS.js architectures, explains their common media pipeline, and describes step‑by‑step how to combine them into a single JavaScript player that supports both live FLV streams and HLS replay on a PC web site.

FLV.jsHLS.jsJavaScript
0 likes · 17 min read
How to Merge FLV.js and HLS.js into a Unified Web Video Player
WecTeam
WecTeam
Dec 5, 2019 · Frontend Development

How to Tame Third‑Party JavaScript: Practical Strategies for Faster Web Performance

This article examines why third‑party JavaScript often slows sites, explains the hidden costs of convenience, and provides a step‑by‑step mitigation plan—including responsibility assignment, self‑hosting, connection pre‑connect, and lazy‑loading techniques—to help developers improve web performance.

FrontendJavaScriptthird-party scripts
0 likes · 18 min read
How to Tame Third‑Party JavaScript: Practical Strategies for Faster Web Performance
Qunar Tech Salon
Qunar Tech Salon
Dec 5, 2019 · Frontend Development

Evolution of JavaScript: From Prototype Methods to Async/Await and Modern Features

This article traces JavaScript’s evolution, covering the enrichment of prototype methods, standardization of classes and modules, the rise of asynchronous patterns like callbacks, promises, generators, async/await, and modern syntax features such as block scope, symbols, BigInt, reflection, and useful syntactic sugar.

BIGINTJavaScriptasync
0 likes · 28 min read
Evolution of JavaScript: From Prototype Methods to Async/Await and Modern Features
WecTeam
WecTeam
Dec 3, 2019 · Frontend Development

How to Cure Your JavaScript Hangover: Practical Front‑End Performance Fixes

This article explains why a newly rebuilt site can suffer a “JavaScript hangover,” then walks through concrete front‑end performance techniques—including tree shaking, code splitting, externalizing third‑party scripts, smaller library choices, differential serving, and reducing Babel‑generated bloat—to restore speed and improve user experience.

BabelCode SplittingFrontend Optimization
0 likes · 17 min read
How to Cure Your JavaScript Hangover: Practical Front‑End Performance Fixes
Tencent Cloud Developer
Tencent Cloud Developer
Nov 29, 2019 · Frontend Development

How to Adapt a JavaScript SDK for IE9, IE8, and IE7 Compatibility

The guide shows how to modify a Webpack‑4 JavaScript SDK—adding Babel symbol handling, using transform‑runtime, employing Flash for IE9 cross‑domain requests, converting ES5 to ES3 with es3ify‑loader, configuring UglifyJs for IE8, polyfilling missing APIs, building a tiny selector engine, and testing on virtual IE7‑IE9 machines.

BabelFrontendIE compatibility
0 likes · 21 min read
How to Adapt a JavaScript SDK for IE9, IE8, and IE7 Compatibility
Amap Tech
Amap Tech
Nov 29, 2019 · Frontend Development

JavaScript Bundle Dependency Analysis and Graph Construction

The article describes how to enforce architectural rules and assess change impact in a modularized JavaScript application by extracting import statements via AST, building a file‑map, constructing a cycle‑aware dependency graph with indexed nodes, and traversing it with a visited‑stack to support forward and reverse analysis across business and public bundles.

ASTFrontendJavaScript
0 likes · 12 min read
JavaScript Bundle Dependency Analysis and Graph Construction
WecTeam
WecTeam
Nov 28, 2019 · Frontend Development

Why Responsible JavaScript Matters: Performance, Accessibility, and Sustainable Front‑End Practices

JavaScript’s growing size threatens web performance and accessibility, so developers must evaluate when to use frameworks, adopt progressive enhancement, reduce unnecessary code, and leverage native browser features like prefetch and service workers to build faster, more sustainable, and inclusive web experiences.

JavaScriptWeb Developmentprogressive enhancement
0 likes · 19 min read
Why Responsible JavaScript Matters: Performance, Accessibility, and Sustainable Front‑End Practices
Programmer DD
Programmer DD
Nov 28, 2019 · Frontend Development

Turn Any SVG Chart into Hand‑Drawn Sketches with Sketchify and RoughJS

This article introduces Sketchify, a JavaScript tool built on RoughJS that transforms any SVG‑based chart into a hand‑drawn sketch style, explains its underlying algorithm, provides sample code, demonstrates its application to popular libraries such as ECharts, AntV G2, Highcharts, amCharts and xCharts, and discusses its limitations and resource considerations.

Data VisualizationFrontendJavaScript
0 likes · 5 min read
Turn Any SVG Chart into Hand‑Drawn Sketches with Sketchify and RoughJS
HelloTech
HelloTech
Nov 26, 2019 · Frontend Development

Introduction to Vue 3 API and Reactive System

Vue 3 replaces Vue 2’s Object.defineProperty reactivity with a Proxy‑based system, using the Composition API (e.g., a reusable usePosition hook) to create reactive state, cache proxies via WeakMaps, differentiate array additions from length changes, and track dependencies through effect stacks for efficient updates.

APIJavaScriptReactive
0 likes · 16 min read
Introduction to Vue 3 API and Reactive System
WecTeam
WecTeam
Nov 14, 2019 · Frontend Development

Unlocking Intersection Observer: Deep Dive, Performance Tests & Advanced Tricks

This comprehensive guide explores the Intersection Observer API, explaining its core concepts, detailed code examples, performance comparisons with scroll events, advanced usage like sticky positioning, visibility tracking, and browser compatibility, providing developers with practical insights to efficiently implement and optimize intersection-based interactions.

IntersectionObserverJavaScriptWeb API
0 likes · 32 min read
Unlocking Intersection Observer: Deep Dive, Performance Tests & Advanced Tricks
WecTeam
WecTeam
Nov 12, 2019 · Frontend Development

Deep Dive into Promise Microtasks: How .then Registers and Executes

This article thoroughly dissects JavaScript Promise execution, revealing how microtasks are registered and run across multiple code snippets, compares Promise/A+ with WebKit implementations, and provides detailed code analyses and output predictions to help developers master Promise behavior.

JavaScriptPromiseasync
0 likes · 14 min read
Deep Dive into Promise Microtasks: How .then Registers and Executes
Aotu Lab
Aotu Lab
Nov 12, 2019 · Frontend Development

Master Sketch Plugin Development: From Bundle Structure to Advanced UI Panels

This guide walks you through Sketch plugin architecture, manifest configuration, command definitions, Actions and JavaScript APIs, CocoaScript bridging, UI panel creation with AppKit, sidebar navigation, debugging techniques, logging methods, and using SketchTool for automation, providing practical code examples for each step.

AppKitCocoaScriptJavaScript
0 likes · 17 min read
Master Sketch Plugin Development: From Bundle Structure to Advanced UI Panels
WecTeam
WecTeam
Nov 5, 2019 · Fundamentals

Unlocking V8: How JavaScript Is Parsed and Optimized for Speed

This article explains how Google's V8 engine parses JavaScript, distinguishes eager and lazy parsing, inlines functions, manages object hidden classes, and offers practical optimization tips to improve runtime performance in Chrome, Node.js, and Edge.

EngineJavaScriptParsing
0 likes · 11 min read
Unlocking V8: How JavaScript Is Parsed and Optimized for Speed
政采云技术
政采云技术
Oct 29, 2019 · Frontend Development

Understanding Vue 3.0 Reactive Data: New Mechanisms and Their Impact

This article explains how Vue 3.0 rewrites its reactivity system using Proxy and Reflet, introduces the reactive, effect, and computed APIs, compares them with MobX, and details the resulting changes for arrays, collections, lazy observation, and IE compatibility.

JavaScriptMobXReactive
0 likes · 16 min read
Understanding Vue 3.0 Reactive Data: New Mechanisms and Their Impact
WecTeam
WecTeam
Oct 29, 2019 · Fundamentals

How to Build a Custom Arithmetic Parser with AST and Vector Extensions in JavaScript

This tutorial walks through constructing a JavaScript arithmetic parser using a finite‑state lexer, a stack‑based parser that builds an abstract syntax tree (AST), and an evaluator that supports numbers, operators, parentheses, vectors, and custom symbols like @rot and @dot, complete with visual demos.

ASTJavaScriptParser
0 likes · 23 min read
How to Build a Custom Arithmetic Parser with AST and Vector Extensions in JavaScript
Aotu Lab
Aotu Lab
Oct 28, 2019 · Backend Development

Auto‑Track Publish Times in Mongoose with the modified‑at Plugin

This guide explains how the mongoose-modified-at plugin automatically records publication timestamps for MongoDB documents, covering installation, schema configuration, API options, simplified usage, async support, compatibility with Mongoose 4.x, and test‑coverage details.

BackendJavaScriptMongoDB
0 likes · 6 min read
Auto‑Track Publish Times in Mongoose with the modified‑at Plugin
WecTeam
WecTeam
Oct 25, 2019 · Frontend Development

This Week’s Frontend Highlights: Fonts, AST, Complexity, HTTP/3, Lazy Loading

The weekly roundup presents concise, actionable articles on font fundamentals, building an AST for arithmetic expressions, cyclomatic complexity metrics, the evolution from HTTP/2 to HTTP/3, native image lazy‑loading, and an overview of CSS Level‑4 selectors, all aimed at front‑end engineers.

FrontendHTTPJavaScript
0 likes · 3 min read
This Week’s Frontend Highlights: Fonts, AST, Complexity, HTTP/3, Lazy Loading
WecTeam
WecTeam
Oct 24, 2019 · Fundamentals

How to Build a JavaScript Lexer for Arithmetic Expressions Using a Finite State Machine

This article explains how to implement a lexical analyzer in JavaScript that tokenizes simple arithmetic expressions by using a finite state machine, covering the conversion from infix notation to an abstract syntax tree, token definitions, state transitions, and complete source code examples.

ASTFinite State MachineJavaScript
0 likes · 9 min read
How to Build a JavaScript Lexer for Arithmetic Expressions Using a Finite State Machine
iQIYI Technical Product Team
iQIYI Technical Product Team
Oct 18, 2019 · Frontend Development

Introduction to WebAssembly and Its Application in Live Streaming Transcoding

WebAssembly enables high‑performance, ahead‑of‑time compiled code to run in browsers, and iQIYI leverages it by writing a C‑based FLV‑to‑MP4 transcoder compiled to Wasm, executed in a Web Worker, which boosts live‑stream conversion speed, reduces CPU usage, and opens doors for further web‑based media processing.

C++JavaScriptLive Streaming
0 likes · 11 min read
Introduction to WebAssembly and Its Application in Live Streaming Transcoding
WecTeam
WecTeam
Oct 17, 2019 · Fundamentals

How to Build a Simple HTML AST Parser in JavaScript

This article explains how to transform raw HTML strings into a structured abstract syntax tree (AST) using JavaScript regular expressions and a step‑by‑step parsing algorithm, covering tag, attribute, and text node handling, with a complete example implementation of a lightweight AST parser.

ASTJavaScriptcompiler fundamentals
0 likes · 16 min read
How to Build a Simple HTML AST Parser in JavaScript
政采云技术
政采云技术
Oct 13, 2019 · Databases

Understanding IndexedDB: Concepts, API Overview, and Quick Start Guide

This article introduces IndexedDB as a client‑side non‑relational database, explains its core concepts and API objects, and provides a step‑by‑step code example for creating, reading, updating, and deleting records, while also recommending helper libraries to simplify development.

CRUDIndexedDBJavaScript
0 likes · 9 min read
Understanding IndexedDB: Concepts, API Overview, and Quick Start Guide
Ctrip Technology
Ctrip Technology
Oct 11, 2019 · Frontend Development

Design and Implementation of Ctrip's Legao Frontend Component Platform

This article describes how Ctrip's marketing team built the Legao platform—a visual, component‑based front‑end system that enables rapid configuration of thousands of activity pages through reusable business, web, and activity‑level components, detailing its architecture, technology stack, SDK, and dynamic form system.

Component ArchitectureDynamic FormsJavaScript
0 likes · 14 min read
Design and Implementation of Ctrip's Legao Frontend Component Platform
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Oct 11, 2019 · Frontend Development

From Skeptic to Fan: How TypeScript Won Me Over

This comprehensive guide explains why TypeScript has surpassed JavaScript in popularity, introduces its core concepts, basic and advanced types, generics, interfaces, classes, and modules, and provides step‑by‑step instructions for integrating TypeScript into both frontend and Node.js projects.

InterfacesJavaScriptTypeScript
0 likes · 31 min read
From Skeptic to Fan: How TypeScript Won Me Over
WecTeam
WecTeam
Oct 9, 2019 · Backend Development

Build a Simple Mocha Clone from Scratch: Step‑by‑Step Guide

This article walks through creating a lightweight Mocha‑like testing framework in JavaScript, covering BDD‑style APIs, directory layout, suite and test class design, hook handling, asynchronous support, a runner that traverses the suite‑test tree, and a reporter that outputs test results.

BDDJavaScriptNode.js
0 likes · 21 min read
Build a Simple Mocha Clone from Scratch: Step‑by‑Step Guide
Didi Tech
Didi Tech
Oct 8, 2019 · Frontend Development

Understanding Webpack Module Creation: Stages and Dependency Handling

Webpack transforms entry files into modules through four stages—create, add, build, and processDep—where it generates a module instance via factory hooks, registers it in the compilation, runs loaders and parses the source into an AST, groups and resolves dependencies, and finally prepares the modules for bundling.

Build ProcessFrontendJavaScript
0 likes · 18 min read
Understanding Webpack Module Creation: Stages and Dependency Handling
iQIYI Technical Product Team
iQIYI Technical Product Team
Sep 27, 2019 · Frontend Development

Understanding the React Node Desktop (RND) Architecture and React Fiber Implementation

The article explains how React Node Desktop (RND) combines React JS, Node.js, and a native UI engine to enable lightweight, cross‑platform desktop apps, then details React Fiber’s architecture—its tagging, workloop, update and commit phases—and describes RND’s JS‑native messaging, bundle splitting, animation support, and future relevance for JavaScript‑driven desktop UI.

Desktop DevelopmentJavaScriptRND
0 likes · 11 min read
Understanding the React Node Desktop (RND) Architecture and React Fiber Implementation
政采云技术
政采云技术
Sep 25, 2019 · Frontend Development

Understanding Webpack Hot Module Replacement (HMR): Mechanism and Implementation

This article explains how Webpack's Hot Module Replacement works, covering its benefits, the build and watch processes, the role of webpack-dev-middleware and webpack-hot-middleware, and provides detailed code examples to illustrate the communication between the server and the browser.

Hot Module ReplacementJavaScriptWebpack-hot-middleware
0 likes · 10 min read
Understanding Webpack Hot Module Replacement (HMR): Mechanism and Implementation
WecTeam
WecTeam
Sep 20, 2019 · Frontend Development

Six Creative Techniques to Build a Guide Overlay Without Images

This tutorial explains six different approaches—using z-index, opacity, borders, box‑shadow, element cloning, and canvas—to create a guide overlay (mask layer) that highlights specific page areas without relying on image assets, complete with code examples and visual demos.

GuideJavaScriptOverlay
0 likes · 18 min read
Six Creative Techniques to Build a Guide Overlay Without Images
政采云技术
政采云技术
Sep 18, 2019 · Frontend Development

Vue‑Based Image Magnifier Implementation

This article explains how to create a high‑stability image magnifier in Vue by calculating mask positions based on mouse events, moving the background image accordingly, and optimizing performance with initialization checks and scroll handling, providing full source code and usage instructions.

Image MagnifierJavaScriptVue
0 likes · 10 min read
Vue‑Based Image Magnifier Implementation
System Architect Go
System Architect Go
Sep 18, 2019 · Fundamentals

Understanding How JavaScript Works: Optimizing the V8 JIT Compiler

This article explains the three-stage execution process of JavaScript in V8, compares interpreter and compiler approaches, describes how the JIT combines their strengths, and provides practical tips for writing JavaScript that maximizes performance by leveraging V8’s optimization mechanisms.

FrontendJITJavaScript
0 likes · 6 min read
Understanding How JavaScript Works: Optimizing the V8 JIT Compiler
21CTO
21CTO
Sep 17, 2019 · Frontend Development

Top 5 JavaScript Libraries for Building Interactive Organizational Charts

This article compares five JavaScript diagramming libraries—DHTMLX, JointJS, Rappid, yFiles for HTML, Google Charts, and GetOrgChart—by examining their features, documentation, and user experience to help developers choose the right tool for creating online organizational charts.

Diagram LibraryFrontendJavaScript
0 likes · 8 min read
Top 5 JavaScript Libraries for Building Interactive Organizational Charts
WecTeam
WecTeam
Sep 17, 2019 · Frontend Development

How to Make Web Pages Battery‑Friendly: Power‑Saving Tips for Front‑End Developers

This article explains the main factors that drain battery power on mobile and laptop browsers and provides practical front‑end techniques—such as minimizing timers, using CSS animations, leveraging visibility APIs, and optimizing network requests—to keep web pages energy‑efficient and extend user device battery life.

Battery LifeJavaScriptPower Consumption
0 likes · 11 min read
How to Make Web Pages Battery‑Friendly: Power‑Saving Tips for Front‑End Developers
MaoDou Frontend Team
MaoDou Frontend Team
Sep 16, 2019 · Frontend Development

Why Do Chrome and Firefox Sort Arrays Differently? Uncovering Their Algorithms

Although both browsers receive identical data, Chrome and Firefox display sorted results differently due to their distinct underlying sorting algorithms—Firefox uses merge sort while Chrome employs a hybrid of insertion and quick sort—this article explains the issue, demonstrates implementations, and compares performance and optimization techniques.

FrontendJavaScriptPerformance
0 likes · 8 min read
Why Do Chrome and Firefox Sort Arrays Differently? Uncovering Their Algorithms
Architects Research Society
Architects Research Society
Sep 16, 2019 · Frontend Development

Comprehensive List of Browser‑Side JavaScript Libraries and Resources

This article provides an extensive, categorized catalog of JavaScript libraries and tools for front‑end development, covering package managers, loaders, bundlers, testing frameworks, UI components, data visualization, storage, internationalization, security, and many other functional areas of modern web programming.

JavaScriptResourcesTools
0 likes · 37 min read
Comprehensive List of Browser‑Side JavaScript Libraries and Resources
政采云技术
政采云技术
Sep 15, 2019 · Frontend Development

Understanding Babel: How It Works and How to Write a Babel Plugin

This article explains the inner workings of Babel, the JavaScript compiler, outlines what syntax it transpiles versus what requires polyfills, describes its three compilation stages, demonstrates AST generation and tokenization, and provides step‑by‑step examples of creating simple Babel plugins for code transformation.

ASTBabelJavaScript
0 likes · 13 min read
Understanding Babel: How It Works and How to Write a Babel Plugin
WecTeam
WecTeam
Sep 10, 2019 · Frontend Development

Deploy Native JavaScript Modules in Production: Best Practices & Performance Gains

This article explains how modern browsers now support native ES2015 modules, why earlier performance concerns were based on outdated tests, and provides detailed guidance on using Rollup, code‑splitting, dynamic imports, modulepreload, and polyfills to achieve faster, smaller, and future‑proof web applications.

Code SplittingESModulesJavaScript
0 likes · 21 min read
Deploy Native JavaScript Modules in Production: Best Practices & Performance Gains
WecTeam
WecTeam
Sep 6, 2019 · Frontend Development

Mastering AST: Transform JavaScript Code with Babel and Esprima

This article explains how to use AST in JavaScript by introducing three essential components—a parser, a traverser, and a code generator—showcasing practical examples with esprima and Babel to parse, modify, and regenerate code, and exploring advanced use cases such as removing console statements, variable obfuscation, arrow‑function conversion, tree‑shaking, and generating SVG flowcharts, while also highlighting AST applications in other languages.

ASTAST TraversalBabel
0 likes · 11 min read
Mastering AST: Transform JavaScript Code with Babel and Esprima
WecTeam
WecTeam
Sep 3, 2019 · Frontend Development

Why Understanding JavaScript ASTs Is Essential for Modern Frontend Development

Understanding JavaScript's Abstract Syntax Tree (AST) is crucial for modern code analysis, enabling tools like Babel, ESLint, and Webpack to parse, transform, and generate code beyond regex, with a clear process from lexical analysis to syntax analysis and standardized specifications such as ESTree.

ASTJavaScriptParsing
0 likes · 9 min read
Why Understanding JavaScript ASTs Is Essential for Modern Frontend Development
WecTeam
WecTeam
Aug 30, 2019 · Game Development

Mastering 2D Collision Detection: Vectors, AABB, OBB, and JavaScript Implementations

This article explains how to use simple shapes like circles and rectangles for fast 2D collision detection, reviews vector mathematics, provides a reusable Vector2d class with operations such as addition, subtraction, length, dot product and rotation, and shows concrete JavaScript code for circle‑circle, circle‑rectangle (both axis‑aligned and rotated) and rectangle‑rectangle collisions using AABB and OBB techniques.

2D GameAABBJavaScript
0 likes · 19 min read
Mastering 2D Collision Detection: Vectors, AABB, OBB, and JavaScript Implementations
Didi Tech
Didi Tech
Aug 24, 2019 · Frontend Development

Webpack Loader Execution Process: Detailed Source Code Analysis

The article details Webpack’s loader execution pipeline, showing how a shared loaderContext is built for each module, how the loader‑runner pitches loaders in order, then processes the resource and runs each loader’s normal method from right to left, handling synchronous, Promise‑based, and async callbacks via runSyncOrAsync.

JavaScriptNode.jsasync
0 likes · 14 min read
Webpack Loader Execution Process: Detailed Source Code Analysis
Qunar Tech Salon
Qunar Tech Salon
Aug 23, 2019 · Frontend Development

Web Components: Can Native Custom Elements Replace Frontend Frameworks?

This article explains how modern Web Components—custom elements, Shadow DOM, slots, and native element extensions—provide a framework‑free way to build reusable UI, offering better performance, true CSS scoping, and progressive enhancement while discussing when abandoning traditional frameworks makes sense.

JavaScriptShadow DOMcustom elements
0 likes · 26 min read
Web Components: Can Native Custom Elements Replace Frontend Frameworks?
政采云技术
政采云技术
Aug 20, 2019 · Frontend Development

JavaScript Objects, Prototypes, and Inheritance Explained

This article provides a comprehensive guide to JavaScript’s object model, covering object literals, constructor functions, prototype inheritance, prototype chains, and practical coding patterns, illustrating how to create, extend, and manage objects efficiently in modern frontend development.

JavaScriptObjectsinheritance
0 likes · 41 min read
JavaScript Objects, Prototypes, and Inheritance Explained
政采云技术
政采云技术
Aug 20, 2019 · Frontend Development

Why JavaScript Is Prototypal: Mastering Objects, Constructors, and Inheritance

This article explains JavaScript’s object model, contrasting class‑based and prototype‑based paradigms, and shows how to create objects with literals, constructor functions, and prototypes, covering property access, method sharing, inheritance, the prototype chain, __proto__, and Object.create for clean, maintainable code.

Constructor FunctionsJavaScriptObjects
0 likes · 42 min read
Why JavaScript Is Prototypal: Mastering Objects, Constructors, and Inheritance
58 Tech
58 Tech
Aug 20, 2019 · Frontend Development

Architecture Design of a Front-End Monitoring Platform

This article describes the design and architecture of a front‑end monitoring platform, detailing its JS SDK, data analyzer, web UI, reference log‑collection architectures, use of Kafka, MySQL, Hive and HBase, scaling considerations, storage conventions, and operational best practices.

FrontendJavaScriptLogging
0 likes · 8 min read
Architecture Design of a Front-End Monitoring Platform
Didi Tech
Didi Tech
Aug 17, 2019 · Frontend Development

Webpack Loader Configuration and Matching Rules – Detailed Explanation

The article explains Webpack loader configuration by detailing rule definitions, inline loader syntax, the symbols that control loader inclusion, the internal parsing and matching process that groups pre, normal, and post loaders, and practical tips for ordering and debugging complex builds.

Build ToolsJavaScriptRule Matching
0 likes · 9 min read
Webpack Loader Configuration and Matching Rules – Detailed Explanation
iQIYI Technical Product Team
iQIYI Technical Product Team
Aug 16, 2019 · Frontend Development

RND (React Node Desktop): Architecture, Thread Model, JS Runtime, Bridge, Resource Management, and Debugging

RND (React Node Desktop) is a lightweight cross‑platform desktop framework that merges a React‑based JavaScript layer, an embedded V8‑powered Node runtime, and a native UI engine (Lyra with Yoga layout), employing a dual‑thread model, shared V8 isolate, asynchronous bridge, modular resource handling with hot‑update, and integrated Chrome/VSCode/Electron debugging.

JavaScriptRNDReact Node Desktop
0 likes · 14 min read
RND (React Node Desktop): Architecture, Thread Model, JS Runtime, Bridge, Resource Management, and Debugging