BestHub
Sign in
Tagged articles
2421 articles
Page 21 of 25
JD Tech Talk
JD Tech Talk
Sep 27, 2018 · Mobile Development

Analyzing and Decompiling WeChat Mini‑Program .wxapkg Files to Recover Source Code

This article explains how to dissect a WeChat mini‑program .wxapkg package, examines the structure and purpose of compiled files such as app‑config.json, app‑service.js, page‑frame.html and resource assets, and provides step‑by‑step Node.js scripts to automatically restore the original source files for further development and debugging.

JavaScriptMiniProgramReverseEngineering
0 likes · 14 min read
Analyzing and Decompiling WeChat Mini‑Program .wxapkg Files to Recover Source Code
UC Tech Team
UC Tech Team
Sep 26, 2018 · Frontend Development

Understanding Date and Time Handling in JavaScript for Internationalization

This article explains JavaScript date and time concepts—including GMT, UTC, ISO 8601, RFC2822, timestamps, parsing, formatting, timezone offsets, localization, and practical internationalization strategies—providing developers with the knowledge to correctly manage time across different regions and platforms.

JavaScriptdatefrontend
0 likes · 12 min read
Understanding Date and Time Handling in JavaScript for Internationalization
UC Tech Team
UC Tech Team
Sep 25, 2018 · Frontend Development

Understanding JavaScript Event Loop: Theory and Practice

This article explains the JavaScript Event Loop mechanism in depth, covering the call stack, heap memory, macro‑ and micro‑tasks, and their queues, and demonstrates the execution order through detailed examples and step‑by‑step visualizations of multiple event‑loop cycles.

AsyncJavaScriptNode.js
0 likes · 7 min read
Understanding JavaScript Event Loop: Theory and Practice
UC Tech Team
UC Tech Team
Sep 24, 2018 · Frontend Development

10 Essential JavaScript Array Methods You Should Know

This article introduces ten indispensable JavaScript array methods—including forEach, includes, filter, map, reduce, some, every, sort, Array.from, and Array.of—explaining their purpose, usage, and providing visual examples to help developers efficiently manipulate arrays in web development.

JavaScriptarray methodsfrontend development
0 likes · 4 min read
10 Essential JavaScript Array Methods You Should Know
Youzan Coder
Youzan Coder
Sep 21, 2018 · Fundamentals

First Encounter with Lazy List: Implementing Lazy Evaluation in JavaScript

The article explains Haskell‑style lazy lists, shows why lazy evaluation is useful, and walks through implementing lazy lists in JavaScript using custom classes, the ES6 iterable protocol, and generator functions, providing examples such as repeat, cycle, iterate, range and lazy operators like map, filter, take, and zip.

Infinite ListIteratorJavaScript
0 likes · 10 min read
First Encounter with Lazy List: Implementing Lazy Evaluation in JavaScript
Tencent Cloud Developer
Tencent Cloud Developer
Sep 5, 2018 · Frontend Development

Developing WeChat Mini Programs with Tencent Cloud Serverless Functions

This guide walks developers through creating a WeChat Mini Program using Tencent Cloud's Serverless Cloud Functions, covering IDE installation, project configuration, cloud environment setup, file upload, cloud‑function development, and invoking functions from the Mini Program, enabling a fully serverless backend without traditional servers.

Cloud FunctionsJavaScriptTencent Cloud
0 likes · 10 min read
Developing WeChat Mini Programs with Tencent Cloud Serverless Functions
AutoHome Frontend
AutoHome Frontend
Sep 4, 2018 · Frontend Development

Unlocking Device Sensors in the Browser: A Practical Guide to the Generic Sensor API

This article explains why a unified Generic Sensor API is needed, lists the sensors it supports, and provides step‑by‑step JavaScript examples for creating, configuring, and using sensors such as gyroscope, accelerometer, ambient light, magnetometer, and composite orientation sensors, while also covering privacy considerations and future extensions.

Device APIsGeneric Sensor APIJavaScript
0 likes · 19 min read
Unlocking Device Sensors in the Browser: A Practical Guide to the Generic Sensor API
21CTO
21CTO
Aug 27, 2018 · Frontend Development

Mastering Browser Architecture: From Multi‑Process to JS Event Loop

This comprehensive guide walks experienced front‑end developers through the browser's multi‑process model, internal threading, rendering pipeline, JavaScript single‑threaded execution, event loop mechanics, Web Workers, and performance‑related concepts like macrotasks, microtasks, and hardware‑accelerated compositing.

JavaScriptThreadbrowser
0 likes · 35 min read
Mastering Browser Architecture: From Multi‑Process to JS Event Loop
Tencent Cloud Developer
Tencent Cloud Developer
Aug 27, 2018 · Mobile Development

WeChat Mini Program Cloud Development: Overview, Advantages, and Common Pitfalls

WeChat Mini Program Cloud Development offers a serverless backend—cloud functions, database, and file storage—exclusively for Mini Programs, providing simple login, generous free tiers, and easy JavaScript integration, while developers must handle promises for async calls and supplement its limited permission model with custom logic.

FaaSJavaScriptPermissions
0 likes · 7 min read
WeChat Mini Program Cloud Development: Overview, Advantages, and Common Pitfalls
Tencent Cloud Developer
Tencent Cloud Developer
Aug 24, 2018 · Cloud Computing

Unlocking WeChat Mini Program Cloud Development: Benefits, Pitfalls & Real‑World Demo

This article introduces WeChat Mini Program Cloud Development, explains its serverless architecture, compares it with PaaS and BaaS solutions, outlines suitable scenarios, highlights advantages such as built‑in login and free storage, warns of common misconceptions, and shares practical tips and a GitHub demo project.

JavaScriptMini ProgramServerless
0 likes · 7 min read
Unlocking WeChat Mini Program Cloud Development: Benefits, Pitfalls & Real‑World Demo
CSS Magic
CSS Magic
Aug 24, 2018 · Frontend Development

Fix Common ESLint Warnings in Existing JavaScript Code (Part 4)

This article explains how to handle the ESLint "no-fallthrough" and "no-undef" rules, showing when to add explicit comments, convert globals to locals, and why the comment‑based fix is often the most efficient for legacy JavaScript code.

ESLintJavaScriptcode quality
0 likes · 6 min read
Fix Common ESLint Warnings in Existing JavaScript Code (Part 4)
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 20, 2018 · Frontend Development

Mastering Browser Processes, Threads, and the JavaScript Event Loop

This comprehensive guide walks you through browser multi‑process architecture, the relationship between processes and threads, the rendering pipeline, Web Workers, and the intricacies of JavaScript's single‑threaded execution and event‑loop mechanisms, providing a solid knowledge framework for front‑end developers.

JavaScriptWeb Workersbrowser
0 likes · 33 min read
Mastering Browser Processes, Threads, and the JavaScript Event Loop
Didi Tech
Didi Tech
Aug 14, 2018 · Frontend Development

Introduction to Chrome Extension Development

Chrome extensions are small HTML‑CSS‑JS programs whose functionality is defined in a manifest.json that lists permissions, icons, and components such as background scripts, content scripts, options pages, and UI actions, with communication via runtime messaging, storage via web or Chrome APIs, and updates managed through an update_url.

Chrome ExtensionJavaScriptWeb Development
0 likes · 8 min read
Introduction to Chrome Extension Development
MaoDou Frontend Team
MaoDou Frontend Team
Aug 9, 2018 · Frontend Development

Unlock React Power: Master Higher‑Order Components and Their Two Core Patterns

This article explains React higher‑order components, defining the pattern, distinguishing between props‑proxy and reverse‑inheritance implementations, and illustrating each with practical examples such as Ant Design’s Form.create and a loading wrapper, while discussing lifecycle handling and the advantages of reverse inheritance.

Higher-Order ComponentJavaScriptProps Proxy
0 likes · 3 min read
Unlock React Power: Master Higher‑Order Components and Their Two Core Patterns
Qunar Tech Salon
Qunar Tech Salon
Aug 1, 2018 · Frontend Development

Understanding JavaScript Asynchronous Patterns and Core Language Features for React Native Development

This article provides a comprehensive guide for mobile developers on JavaScript fundamentals such as callback hell, Promises, async/await, the arguments object, call and apply methods, mixins, and prototype inheritance, illustrating each concept with clear explanations and practical code examples to improve React Native coding practices.

AsyncCallApplyJavaScript
0 likes · 16 min read
Understanding JavaScript Asynchronous Patterns and Core Language Features for React Native Development
MaoDou Frontend Team
MaoDou Frontend Team
Jul 31, 2018 · Frontend Development

Is React setState Synchronous or Asynchronous? A Practical Guide

This article explains when React's setState behaves synchronously or asynchronously, how batch updates are merged into a single render, and the proper way to retrieve the updated state using the callback parameter, illustrated with clear diagrams and code examples.

JavaScriptReactfrontend
0 likes · 3 min read
Is React setState Synchronous or Asynchronous? A Practical Guide
CSS Magic
CSS Magic
Jul 27, 2018 · Frontend Development

Fix Common ESLint Warnings in Existing JS Code (Part 3)

This article explains how to resolve the ESLint "no‑empty" and "no‑empty‑function" warnings by refactoring empty blocks, adding explanatory comments, using noop helpers, and validating callbacks, providing concrete code examples and step‑by‑step reasoning.

ESLintJavaScriptcode quality
0 likes · 6 min read
Fix Common ESLint Warnings in Existing JS Code (Part 3)
AutoHome Frontend
AutoHome Frontend
Jul 19, 2018 · Frontend Development

Why Use ECMAScript Decorators Instead of JavaScript Decorators? A Deep Dive

This article explains the distinction between ECMAScript and JavaScript decorators, walks through the TC39 proposal stages, demonstrates how to work with property descriptors, Object.defineProperty, Object.defineProperties, Object.create, and shows practical examples of method, class‑field, and class decorators using Babel.

Class FieldsECMAScriptJavaScript
0 likes · 16 min read
Why Use ECMAScript Decorators Instead of JavaScript Decorators? A Deep Dive
Qunar Tech Salon
Qunar Tech Salon
Jul 18, 2018 · Frontend Development

Converting React Class Components to Miniapp Component Calls Using Babel Plugins

This article explains how to transform React class components into WeChat Mini‑Program Component({}) calls by building a custom Babel plugin that extracts class inheritance, methods, state handling, and replaces import/export statements, while also mapping React lifecycle patterns to Mini‑App equivalents.

JavaScriptMiniappReact
0 likes · 9 min read
Converting React Class Components to Miniapp Component Calls Using Babel Plugins
Qunar Tech Salon
Qunar Tech Salon
Jul 17, 2018 · Frontend Development

Adapting WeChat Mini Program Component Model to the React Paradigm

This article examines the challenges of using WeChat Mini Programs, proposes a React‑style component architecture by mapping Mini Program concepts such as Component, Page, and App to React's state, lifecycle, and JSX, and provides concrete code examples for definition, lifecycle handling, styling, templating, and configuration.

ComponentJavaScriptReact
0 likes · 6 min read
Adapting WeChat Mini Program Component Model to the React Paradigm
AntTech
AntTech
Jul 13, 2018 · Frontend Development

AntV G2 3.2 Release: New Visual Enhancements, Tail‑Legend, RegionFilter Guide, Data Marker Guides, Flexible Component Configurations, and Chart‑Level Themes

The G2 3.2 release from AntV introduces a richer visual cognition system with tail‑legend support, region‑filter color guides, new data marker guides, more flexible component configurations, and chart‑level theme customization, while providing installation options via npm or CDN for developers to try the latest features.

AntVData visualizationG2
0 likes · 7 min read
AntV G2 3.2 Release: New Visual Enhancements, Tail‑Legend, RegionFilter Guide, Data Marker Guides, Flexible Component Configurations, and Chart‑Level Themes
Youzan Coder
Youzan Coder
Jul 13, 2018 · Frontend Development

Understanding RxJS: Reactive Programming Solutions for JavaScript

RxJS brings the Observable pattern to JavaScript, enabling asynchronous multiple-value streams that combine observer, iterator, and functional concepts, and the article shows how to use it in React and Redux for clean subscription management, data aggregation, advanced async handling, and time‑based operations.

Async OperationsJavaScriptRedux
0 likes · 8 min read
Understanding RxJS: Reactive Programming Solutions for JavaScript
360 Quality & Efficiency
360 Quality & Efficiency
Jul 9, 2018 · Frontend Development

Bypassing Geetest Slider Captcha Using Selenium WebDriver

This article demonstrates how to use Selenium WebDriver with JavaScript to automate the Geetest sliding captcha, covering installation, element interaction, image capture, pixel analysis, and human‑like sliding trajectory generation to illustrate both the challenges and techniques involved.

CaptchaGeetestJavaScript
0 likes · 9 min read
Bypassing Geetest Slider Captcha Using Selenium WebDriver
ITPUB
ITPUB
Jul 9, 2018 · Frontend Development

What I Learned from 10 Front‑End Interviews in Shanghai: Real Stories & Practical Tips

A former communications engineering graduate shares a detailed chronicle of ten front‑end interview experiences across startups, small firms, mid‑size companies, and a pre‑IPO e‑commerce firm in Shanghai, highlighting interview questions, personal reflections, and actionable lessons for aspiring developers.

JavaScriptShanghaiVue
0 likes · 15 min read
What I Learned from 10 Front‑End Interviews in Shanghai: Real Stories & Practical Tips
QQ Music Frontend Team
QQ Music Frontend Team
Jul 8, 2018 · Frontend Development

Why WebAssembly Could Outperform JavaScript: Load Times, Execution, and More

This article examines WebAssembly’s core features—loading speed, execution performance, memory model, garbage collection, API access, multithreading, and portability—comparing them to JavaScript, and discusses suitable use cases such as high‑CPU tasks, gaming, and image processing, while noting current limitations and future prospects.

JavaScriptMemory ModelWebAssembly
0 likes · 11 min read
Why WebAssembly Could Outperform JavaScript: Load Times, Execution, and More
Full-Stack Internet Architecture
Full-Stack Internet Architecture
Jun 20, 2018 · Frontend Development

A Comprehensive Introduction to ReactJS: Virtual DOM, Component Architecture, and Hands‑On Examples

This article provides a detailed overview of ReactJS, covering its origins, virtual DOM mechanism, component‑based architecture, common misconceptions, setup steps, JSX syntax, component properties, state management, lifecycle methods, and practical code examples for building interactive web interfaces.

Component ArchitectureJSXJavaScript
0 likes · 14 min read
A Comprehensive Introduction to ReactJS: Virtual DOM, Component Architecture, and Hands‑On Examples
360 Zhihui Cloud Developer
360 Zhihui Cloud Developer
Jun 20, 2018 · Frontend Development

Unlock Stunning Canvas Animations with SpriteJS – A Complete Beginner’s Guide

This article introduces SpriteJS, a cross‑platform canvas library from 360 Qiwang Team, showing how to create structured UI, draw shapes, apply transitions, use the Web Animation API, work with textures, paths, groups, events, D3 integration, physics engines and particle systems, all with practical JavaScript code examples.

CanvasGraphicsJavaScript
0 likes · 32 min read
Unlock Stunning Canvas Animations with SpriteJS – A Complete Beginner’s Guide
360 Tech Engineering
360 Tech Engineering
Jun 20, 2018 · Frontend Development

Introducing SpriteJS: A Cross‑Platform Canvas Rendering Library for Animations and Data Visualization

SpriteJS is an open‑source, cross‑platform JavaScript library that simplifies canvas drawing by providing a DOM‑like API for creating sprites, paths, groups, and animations, integrating seamlessly with tools such as D3, Matter‑JS, Proton, and CurveJS for rich interactive visualizations.

CanvasData visualizationJavaScript
0 likes · 27 min read
Introducing SpriteJS: A Cross‑Platform Canvas Rendering Library for Animations and Data Visualization
360 Quality & Efficiency
360 Quality & Efficiency
Jun 20, 2018 · Frontend Development

SpriteJS: A Cross‑Platform Canvas Library for Web Animation, Visualization, and Interaction

SpriteJS is an open‑source, cross‑terminal canvas library from 360 Qiyou that provides a DOM‑like API for drawing shapes, creating sprites, animating with transitions or the Web Animation API, handling textures, vectors, groups, events, and integrating with D3, physics engines and particle systems.

CanvasData visualizationJavaScript
0 likes · 29 min read
SpriteJS: A Cross‑Platform Canvas Library for Web Animation, Visualization, and Interaction
Tencent Cloud Developer
Tencent Cloud Developer
Jun 19, 2018 · Frontend Development

Future‑Oriented Full‑Stack Development: Trends in Programming Languages, Frameworks, and Learning Strategies

Yu Guo’s talk surveys future‑oriented full‑stack trends—rising languages like Python, mobile‑first Swift, shifting frameworks from jQuery to React/Vue, evolving build tools, and practical learning strategies such as deliberate practice, skill‑model mapping, and algorithmic optimizations—emphasizing continual adaptability for developers.

JavaScriptfrontendfull-stack
0 likes · 11 min read
Future‑Oriented Full‑Stack Development: Trends in Programming Languages, Frameworks, and Learning Strategies
Senior Brother's Insights
Senior Brother's Insights
Jun 8, 2018 · Information Security

Secure API Calls with Spring Boot Starter Encrypt and JavaScript AES

This article explains how to protect data exchanged between front‑end and back‑end services by using HTTPS, request signing, SSL pinning, and a Spring Boot starter that transparently encrypts/decrypts all API traffic with AES, complemented by JavaScript AES utilities and Axios interceptors for front‑end encryption.

AES encryptionAPI SecurityBlockchain
0 likes · 11 min read
Secure API Calls with Spring Boot Starter Encrypt and JavaScript AES
Yuewen Frontend Team
Yuewen Frontend Team
May 28, 2018 · Frontend Development

Master Simple Easing: Plug‑and‑Play Animation Algorithm for UI

This article introduces a lightweight easing algorithm that moves an element by half the remaining distance each frame, provides a requestAnimationFrame polyfill, a reusable Math.easeout function, and shows real‑world usage in Qidian's scroll‑to‑top and other UI effects.

EasingJavaScriptUI
0 likes · 12 min read
Master Simple Easing: Plug‑and‑Play Animation Algorithm for UI
360 Tech Engineering
360 Tech Engineering
May 21, 2018 · Frontend Development

Weekly Tech Newsletter Summary – Frontend Development Highlights

This weekly newsletter curates nine insightful articles covering Google’s Guess.js toolkit, I/O 2018 web highlights, front‑end AR techniques, Chrome’s autoplay restrictions, a deep dive into Redux, WebAssembly versus JavaScript performance, comprehensive CSS line‑break methods, ten common software architecture patterns, and guidance on front‑end engineer career advancement.

CSSJavaScriptRedux
0 likes · 4 min read
Weekly Tech Newsletter Summary – Frontend Development Highlights
Architecture Digest
Architecture Digest
May 15, 2018 · Fundamentals

Choosing the Best Programming Language to Start With

The article advises beginners that the specific programming language matters less than learning core concepts, recommending Python, Java, Ruby, and JavaScript as strong entry points while emphasizing flexibility, job prospects, and the importance of not getting stuck on a single language.

JavaScriptPythonRuby
0 likes · 5 min read
Choosing the Best Programming Language to Start With
Qunar Tech Salon
Qunar Tech Salon
May 10, 2018 · Frontend Development

Understanding JavaScript Type Coercion: Implicit and Explicit Conversions

This article explains JavaScript's type coercion mechanisms, covering both implicit and explicit conversions for strings, numbers, booleans, objects, and symbols, and demonstrates how abstract operations like ToPrimitive, ToString, ToNumber, and ToBoolean affect runtime behavior.

ES5Explicit ConversionImplicit Conversion
0 likes · 17 min read
Understanding JavaScript Type Coercion: Implicit and Explicit Conversions
360 Tech Engineering
360 Tech Engineering
Apr 28, 2018 · Backend Development

Weekly Tech Digest: Large‑Scale JavaScript Architecture, Secure Node.js Sandboxing, V8 Updates, and Cross‑Platform CRNWEB

This newsletter highlights design principles for massive JavaScript applications, secure sandboxing techniques for Node.js, the latest Node.js 10 and V8 6.6 features, WebAssembly debugging, and the CRNWEB framework enabling a single codebase across React‑Native, web, and PWA platforms.

JavaScriptNode.jsPWA
0 likes · 4 min read
Weekly Tech Digest: Large‑Scale JavaScript Architecture, Secure Node.js Sandboxing, V8 Updates, and Cross‑Platform CRNWEB
Tencent Cloud Developer
Tencent Cloud Developer
Mar 29, 2018 · Information Security

GitHub Security Alerts Accelerate Vulnerability Fixes for Ruby and JavaScript Projects

GitHub’s security alerts, launched in October, have dramatically cut remediation times for Ruby and JavaScript projects—nearly half of alerts are addressed within a week and 98% of actively maintained repositories patch within seven days—identifying over 400 million vulnerabilities across more than 500 thousand repositories, with detailed notifications delivered via the platform, email, and a new weekly summary, and future support planned for Python.

Dependency ScanningGitHubJavaScript
0 likes · 3 min read
GitHub Security Alerts Accelerate Vulnerability Fixes for Ruby and JavaScript Projects
Qunar Tech Salon
Qunar Tech Salon
Mar 28, 2018 · Frontend Development

Key New Features and Architectural Changes in React 16

This article reviews the major additions and deprecations introduced in React 16, including component array returns, portals, error boundaries, fragments, strict mode, the new context API, createRef/forwardRef, fiber architecture, and async rendering utilities, illustrated with code examples.

Context APIJavaScriptReact
0 likes · 9 min read
Key New Features and Architectural Changes in React 16
JD Tech
JD Tech
Mar 27, 2018 · Frontend Development

Quick App Introduction and Hands‑On Development Guide

This article introduces the Quick App platform, explains its front‑end‑based architecture, provides a step‑by‑step Windows setup and project initialization guide, showcases UI layout and JavaScript code examples, compares it with Mini‑Programs and JDReact, and offers resources for developers interested in rapid, install‑free mobile app development.

JavaScriptMobile DevelopmentQuick App
0 likes · 8 min read
Quick App Introduction and Hands‑On Development Guide
JD Retail Technology
JD Retail Technology
Mar 27, 2018 · Frontend Development

Master Quick Apps: From Architecture to Hands‑On Development

This guide introduces Quick Apps, explains their front‑end‑centric architecture, walks through environment setup, project initialization, UI layout, JavaScript logic, debugging, deep linking, and compares Quick Apps with WeChat Mini‑Programs and JDReact, providing practical code snippets and tips for Android developers.

JDReactJavaScriptMobile Development
0 likes · 11 min read
Master Quick Apps: From Architecture to Hands‑On Development
JD Tech
JD Tech
Mar 26, 2018 · Frontend Development

JSSDK: A Frontend Development Toolkit for JD App Integration

JSSDK is a JavaScript SDK that enables H5 developers to quickly integrate JD app features such as sharing, deep linking, and native function calls across platforms, offering modular, version‑compatible, and type‑safe APIs to streamline mobile web development.

App integrationH5JSSDK
0 likes · 7 min read
JSSDK: A Frontend Development Toolkit for JD App Integration
Architecture Digest
Architecture Digest
Mar 12, 2018 · Frontend Development

Top 10 Most Common JavaScript Errors and How to Prevent Them

This article analyzes the ten most frequent JavaScript errors identified from over a thousand projects, explains why each occurs, and offers practical code examples and preventive techniques to help developers avoid these common pitfalls.

Error HandlingJavaScriptTypeError
0 likes · 12 min read
Top 10 Most Common JavaScript Errors and How to Prevent Them
JD Tech
JD Tech
Mar 9, 2018 · Frontend Development

Comprehensive Guide to WebAssembly Development with Emscripten

This article introduces WebAssembly, explains its performance advantages over JavaScript, details the setup of development tools like Emscripten, CMake, and WABT on macOS, and provides step‑by‑step examples for compiling C/C++ code to .wasm, loading modules in JavaScript, and using advanced features.

C++EmscriptenJavaScript
0 likes · 17 min read
Comprehensive Guide to WebAssembly Development with Emscripten
Qunar Tech Salon
Qunar Tech Salon
Mar 7, 2018 · Fundamentals

Dynamic Programming Solutions for 0/1, Complete, Unbounded, and Multi‑Knapsack Problems in JavaScript

This article explains the theory and JavaScript implementations of various knapsack problem variants—including 0/1, complete, unbounded, and multi‑knapsack—detailing state transition equations, space‑optimisation techniques such as rolling arrays and binary decomposition, and provides full code examples for each solution.

JavaScriptalgorithmdynamic programming
0 likes · 16 min read
Dynamic Programming Solutions for 0/1, Complete, Unbounded, and Multi‑Knapsack Problems in JavaScript
21CTO
21CTO
Mar 6, 2018 · Frontend Development

Can WebAssembly Replace JavaScript? A Deep Dive into Its Future and Risks

This article explores WebAssembly’s origins, technical architecture, current browser support, limitations such as lack of OOP, garbage collection, and multithreading, and discusses its security concerns and roadmap, ultimately questioning whether it will ever supplant JavaScript in the web ecosystem.

JavaScriptWebAssemblybrowser
0 likes · 9 min read
Can WebAssembly Replace JavaScript? A Deep Dive into Its Future and Risks
Hujiang Technology
Hujiang Technology
Mar 6, 2018 · Frontend Development

The Evolution and Implementation of React Hot Loader

An in‑depth exploration of React Hot Loader’s origins, underlying HMR principles, challenges with state and DOM preservation, the development of proxy‑based solutions, React Transform, and the progression to newer versions, providing practical code examples and insights for frontend developers.

Hot LoaderJavaScriptReact
0 likes · 21 min read
The Evolution and Implementation of React Hot Loader
21CTO
21CTO
Feb 28, 2018 · Frontend Development

Build a Chrome Extension in Minutes: Step‑by‑Step Guide

This tutorial walks you through creating a Chrome extension—from understanding what extensions are, setting up the manifest and HTML files, testing in developer mode, adding movie‑background features with the TMDb API, to publishing the finished extension on the Chrome Web Store.

CSSChrome ExtensionHTML
0 likes · 9 min read
Build a Chrome Extension in Minutes: Step‑by‑Step Guide
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 8, 2018 · Frontend Development

How Does JavaScript’s Promise Work Under the Hood? A Deep Dive

This article walks through the inner mechanics of JavaScript Promises, explaining their basic prototype, asynchronous handling with the event loop, state management, chainable behavior, and error handling, all illustrated with step‑by‑step code examples and diagrams.

AsynchronousDesign PatternsJavaScript
0 likes · 10 min read
How Does JavaScript’s Promise Work Under the Hood? A Deep Dive
Java Captain
Java Captain
Feb 8, 2018 · Backend Development

Implementing CAPTCHA Verification in Java with Servlet and HTML

This guide demonstrates how to create a CAPTCHA verification feature in Java by generating random characters and interference lines using Graphics, serving the image via a servlet, and integrating it into an HTML registration page with JavaScript for dynamic refresh.

GraphicsHTMLJavaScript
0 likes · 12 min read
Implementing CAPTCHA Verification in Java with Servlet and HTML
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 6, 2018 · Frontend Development

Why Switch to Fetch API? A Frontend Guide to Modern AJAX

This article compares the traditional XMLHttpRequest‑based AJAX approach with the modern Fetch API, highlighting its Promise‑based design, cleaner syntax, better compatibility strategies, common pitfalls, and practical usage tips for frontend developers.

JavaScriptPromiseajax
0 likes · 4 min read
Why Switch to Fetch API? A Frontend Guide to Modern AJAX
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 2, 2018 · Frontend Development

Boost Web Performance with Loder: A Lightweight Frontend Loader

Loder is a lightweight, declarative web loader that optimizes resource‑task dependencies, enables ultra‑fast app startup, and provides performance tracking, helping developers overcome the limitations of traditional linear loading especially on constrained mobile devices.

JavaScriptWeb Performancefrontend
0 likes · 4 min read
Boost Web Performance with Loder: A Lightweight Frontend Loader
21CTO
21CTO
Jan 31, 2018 · Fundamentals

How to Choose Your First Programming Language: A Data‑Driven Guide

This article examines how developers can decide on their first programming language by analyzing job market trends, long‑term prospects, learning speed, and project potential, using data visualizations and expert opinions to highlight why JavaScript often emerges as the top choice.

JavaScriptcareerfirst language
0 likes · 10 min read
How to Choose Your First Programming Language: A Data‑Driven Guide
21CTO
21CTO
Jan 23, 2018 · Backend Development

Master npm: Install, Manage, and Optimize Node.js Packages Efficiently

This tutorial walks you through installing Node.js, configuring npm to avoid permission issues, using npm in both global and local modes, managing package versions with package.json, searching for packages, cleaning the cache, and leveraging version managers, providing a complete guide for modern JavaScript development.

JavaScriptNode.jsnpm
0 likes · 16 min read
Master npm: Install, Manage, and Optimize Node.js Packages Efficiently
Aotu Lab
Aotu Lab
Jan 23, 2018 · Frontend Development

How to Build a Popstar Match‑3 Game with MVC Architecture in JavaScript

This article explains the rules, scoring system, and level design of the classic "Popstar" match‑3 game, then details a full MVC implementation in JavaScript—including tile representation, wave‑average distribution, shuffle, wall solidification, view updates, control bindings, and a discussion of the knapsack‑style max‑score problem—while providing complete code snippets and a GitHub repository link.

Game DevelopmentJavaScriptMVC
0 likes · 14 min read
How to Build a Popstar Match‑3 Game with MVC Architecture in JavaScript
JD Retail Technology
JD Retail Technology
Jan 19, 2018 · Fundamentals

WebAssembly Overview, Setup, and Usage with Emscripten, C/C++, and Rust

This article explains the evolution of JavaScript performance, introduces WebAssembly concepts and browser support, provides step‑by‑step installation of Emscripten, WABT, and related tools on macOS, demonstrates WebAssembly APIs such as validate, Module, compile, Instance, Memory and Table, and shows practical examples of compiling and invoking C/C++ and Rust code from JavaScript.

C++EmscriptenJavaScript
0 likes · 18 min read
WebAssembly Overview, Setup, and Usage with Emscripten, C/C++, and Rust
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 18, 2018 · Frontend Development

How LINE Manga Achieves Native‑Like Page Transitions with a Page Stack

This article explains how LINE Manga uses a custom Page Stack architecture, inspired by iOS UINavigationController, to deliver native‑like, smooth page transitions in a web environment, addressing back‑button latency, scroll restoration, and lazy‑load image issues with practical React/React‑Router examples.

JavaScriptStackWeb Performance
0 likes · 5 min read
How LINE Manga Achieves Native‑Like Page Transitions with a Page Stack
Taobao Frontend Technology
Taobao Frontend Technology
Jan 18, 2018 · Frontend Development

Master Rax: From Basics to Advanced Development

This comprehensive guide introduces Rax—a lightweight, cross‑container JavaScript framework from Alibaba—covers its core concepts, JSX syntax, component lifecycle, event handling, drivers, framework APIs, development tools, debugging, deployment best practices, and provides practical code examples for beginners and experienced developers alike.

JavaScriptRaxTutorial
0 likes · 14 min read
Master Rax: From Basics to Advanced Development
21CTO
21CTO
Jan 17, 2018 · Frontend Development

Why I Love JavaScript: Uncovering Its Quirks and Powerful Features

Despite its reputation for oddities and browser inconsistencies, JavaScript has evolved with ES6 features like default parameters, arrow functions, template literals, destructuring, and more, making it expressive and efficient; this article explores those quirks and explains why the author prefers JavaScript for modern development.

Code ExamplesJavaScriptes6
0 likes · 6 min read
Why I Love JavaScript: Uncovering Its Quirks and Powerful Features
Hujiang Technology
Hujiang Technology
Jan 16, 2018 · Frontend Development

Implementing Data Binding in JavaScript: Observer, Compiler, and ViewModel

This article explains the concept, purpose, and elements of data binding in JavaScript, describes view‑to‑model and model‑to‑view binding techniques such as publish‑subscribe, data hijacking and dirty checking, and provides a complete implementation using an Observer, a Compile engine, and a ViewModel to achieve automatic UI updates when the underlying data changes.

JavaScriptMVVMObserver Pattern
0 likes · 10 min read
Implementing Data Binding in JavaScript: Observer, Compiler, and ViewModel
21CTO
21CTO
Jan 13, 2018 · Frontend Development

Which JavaScript Frameworks Ruled 2017? npm’s State‑of‑JS Report Revealed

The 2017 npm State of JavaScript report analyzes the popularity and growth of major front‑end frameworks—React, Preact, Angular, Ember, Vue, and Backbone—showing dramatic shifts, rapid adoption rates, and guidance for developers choosing the right tool for their projects.

JavaScriptReactVue
0 likes · 6 min read
Which JavaScript Frameworks Ruled 2017? npm’s State‑of‑JS Report Revealed
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 13, 2018 · Frontend Development

Master 48 Essential JavaScript Snippets in 30 Seconds

This article presents a curated collection of 48 practical JavaScript utilities—from generating anagrams and calculating averages to deep‑flattening arrays and creating UUIDs—each explained in a concise description with ready‑to‑use code examples for front‑end developers.

AlgorithmsJavaScriptcode snippets
0 likes · 16 min read
Master 48 Essential JavaScript Snippets in 30 Seconds
Architecture Digest
Architecture Digest
Jan 11, 2018 · Frontend Development

Building a React Project Structure from Scratch: A Comprehensive Guide

This article walks through creating a React application without scaffolding tools, detailing project directory layout, chosen technology stack—including React, Redux, Immutable.js, react-router, redux-saga, and related debugging and persistence utilities—while explaining component design, middleware, enhancers, routing, and asynchronous task management.

JavaScriptReactRedux
0 likes · 33 min read
Building a React Project Structure from Scratch: A Comprehensive Guide
JavaScript
JavaScript
Jan 1, 2018 · Frontend Development

Schedule a Two‑Hour Delayed Console Message with setTimeout

This concise JavaScript example demonstrates how to employ setTimeout to schedule a console.log call that prints a colored 'Good night, friends~' message after a two‑hour delay, illustrating the use of timing functions and CSS styling within console output.

JavaScriptconsole.logfrontend
0 likes · 1 min read
Schedule a Two‑Hour Delayed Console Message with setTimeout
21CTO
21CTO
Dec 25, 2017 · Frontend Development

What 23,000 Developers Reveal About JavaScript Trends, Frameworks, and Salaries

Based on responses from over 23,000 developers, this survey uncovers the latest JavaScript ecosystem trends—including the dominance of React, the evolving roles of Angular and Vue, rising interest in GraphQL, salary impacts of framework choices, and the expanding use of JavaScript beyond the browser.

AngularGraphQLJavaScript
0 likes · 9 min read
What 23,000 Developers Reveal About JavaScript Trends, Frameworks, and Salaries
21CTO
21CTO
Dec 22, 2017 · Frontend Development

Choosing the Right JavaScript Framework: Strengths, Weaknesses, and Future Outlook

This article reviews a series of JavaScript web‑framework comparisons, outlining why using a framework matters, summarizing the pros, cons, and future directions of Angular 2+, React + Redux, Vue.js, Dojo 2, Ember, and Aurelia to help developers and teams make informed choices.

AngularJavaScriptReact
0 likes · 19 min read
Choosing the Right JavaScript Framework: Strengths, Weaknesses, and Future Outlook
System Architect Go
System Architect Go
Dec 22, 2017 · Fundamentals

Understanding Floating-Point Precision Issues and Practical Solutions in Programming Languages

This article explains why all IEEE‑754 based languages suffer from floating‑point precision errors, illustrates common problematic calculations, and presents integer‑conversion techniques and library recommendations such as decimal.js to achieve accurate numeric results, especially for financial computations.

JavaScriptdecimal.jsfloating-point
0 likes · 4 min read
Understanding Floating-Point Precision Issues and Practical Solutions in Programming Languages
CSS Magic
CSS Magic
Dec 18, 2017 · Frontend Development

Fix Common ESLint Warnings in Existing JavaScript Code (Part 2)

This article explains why ESLint’s no‑return‑assign and no‑constant‑condition rules fire, shows concrete examples—including arrow functions and leftover debug code—and provides step‑by‑step fixes to make the intent of the JavaScript code clear and maintainable.

ESLintJavaScriptcode quality
0 likes · 7 min read
Fix Common ESLint Warnings in Existing JavaScript Code (Part 2)
Liulishuo Tech Team
Liulishuo Tech Team
Dec 15, 2017 · Frontend Development

Mastering Frontend Unit Testing: Mocha vs Jest and Practical Tips

This article explores why unit testing is essential for frontend projects, compares Mocha and Jest across assertions, coverage, environment setup, mocking, snapshots, and watch mode, and offers practical guidance on choosing tools, writing maintainable tests, and balancing coverage with development speed.

JavaScriptJestcoverage
0 likes · 19 min read
Mastering Frontend Unit Testing: Mocha vs Jest and Practical Tips
Taobao Frontend Technology
Taobao Frontend Technology
Dec 8, 2017 · Artificial Intelligence

Can JavaScript Power Handwritten Digit Recognition? Build a k‑NN Classifier from Scratch

This article walks you through using JavaScript to implement a simple k‑nearest neighbours classifier for the MNIST handwritten digit dataset, covering data representation, preparation, algorithm implementation, testing, performance analysis, and practical deployment considerations.

JavaScriptMNISThandwritten digit recognition
0 likes · 14 min read
Can JavaScript Power Handwritten Digit Recognition? Build a k‑NN Classifier from Scratch
Baidu Maps Tech Team
Baidu Maps Tech Team
Dec 7, 2017 · Frontend Development

How WebAssembly Boosts Web Performance: From asm.js to Near‑Native Speed

This article explains the evolution from asm.js to WebAssembly, compares their performance, outlines implementation strategies—including AssemblyScript, hand‑written asm.js, and C/C++ compilation with Emscripten—and provides practical code examples and tips for integrating WebAssembly into web applications.

BinaryenEmscriptenJavaScript
0 likes · 15 min read
How WebAssembly Boosts Web Performance: From asm.js to Near‑Native Speed
Qunar Tech Salon
Qunar Tech Salon
Dec 6, 2017 · Frontend Development

Using Draft.js for Custom Rich Text Editing in React

This article explains how Draft.js, a React‑based rich‑text editor framework, can be applied to build a customizable editor with support for structured content, immutable state management, custom block rendering, data conversion, and hook handling, providing code examples throughout.

Draft.jsJavaScriptReact
0 likes · 9 min read
Using Draft.js for Custom Rich Text Editing in React
Beike Product & Technology
Beike Product & Technology
Nov 27, 2017 · Frontend Development

Implementing Scroll-Based Lazy Loading, Event Throttling, and Request Locking for Frontend Pagination

This article explains how to replace traditional pagination with scroll‑triggered lazy loading, using a 200 px threshold, 60 ms event throttling, a loading‑state lock, UI feedback, error handling, and cross‑platform scroll compatibility to improve user experience on web and mobile pages.

JavaScriptevent-throttlinglazy loading
0 likes · 6 min read
Implementing Scroll-Based Lazy Loading, Event Throttling, and Request Locking for Frontend Pagination
Aotu Lab
Aotu Lab
Nov 17, 2017 · Game Development

How to Build a Physics‑Powered Basketball Mini‑Game with LayaAir and Matter.js

This tutorial walks through creating a web‑based basketball shooting game by initializing LayaAir, integrating the Matter.js physics engine, handling user gestures to draw aim lines, applying forces to a ball, and adding realistic basket components, while sharing practical code snippets and performance tips.

HTML5JavaScriptLayaAir
0 likes · 11 min read
How to Build a Physics‑Powered Basketball Mini‑Game with LayaAir and Matter.js
21CTO
21CTO
Nov 6, 2017 · Frontend Development

Master React Router v4: A Complete Guide to Building Dynamic and Protected Routes

This tutorial walks you through installing React Router v4, creating basic, nested, and dynamic routes, handling URL parameters, and implementing protected routes with authentication, providing comprehensive code examples and best practices for building robust client‑side navigation in modern React applications.

JavaScriptProtected RoutesReact
0 likes · 18 min read
Master React Router v4: A Complete Guide to Building Dynamic and Protected Routes
Aotu Lab
Aotu Lab
Nov 3, 2017 · Game Development

Build a One‑Stroke Puzzle Game with Auto‑Graph Recognition

This article explains how to implement a one‑stroke puzzle game using graph theory, describes the two‑step rendering process, provides JavaScript pseudocode for touch interaction, and details an automatic image‑recognition tool that extracts level data from hand‑drawn diagrams while optimizing performance.

CanvasImage ProcessingJavaScript
0 likes · 15 min read
Build a One‑Stroke Puzzle Game with Auto‑Graph Recognition
Qunar Tech Salon
Qunar Tech Salon
Nov 3, 2017 · Frontend Development

Understanding Virtual DOM: An Introduction Using Snabbdom in Vue

This article explains the concept and implementation of virtual DOM, focusing on Vue's use of the Snabbdom algorithm, detailing its node structure, creation, update process, lifecycle hooks, and code examples to illustrate how virtual DOM optimizes front‑end performance.

JavaScriptSnabbdomVirtual DOM
0 likes · 6 min read
Understanding Virtual DOM: An Introduction Using Snabbdom in Vue
Hujiang Technology
Hujiang Technology
Nov 1, 2017 · Backend Development

Understanding and Implementing Promisify in JavaScript

Promisify converts Node‑style callback functions into Promise‑based ones by ensuring the callback is the last argument and its first parameter is an error, enabling cleaner asynchronous code with examples, implementation details, and optimizations for JavaScript developers.

AsynchronousJavaScriptNode.js
0 likes · 5 min read
Understanding and Implementing Promisify in JavaScript