BestHub
Sign in
Tagged articles
2421 articles
Page 13 of 25
IEG Growth Platform Technology Team
IEG Growth Platform Technology Team
Feb 28, 2022 · Frontend Development

Handling Binary Data in Frontend: ArrayBuffer, Blob, File, and Image Processing

This article explains how JavaScript processes binary data for front‑end image handling, covering core APIs such as ArrayBuffer, TypedArray, DataView, Blob, File, and FileReader, and demonstrates practical techniques for previewing, downloading, converting, compressing, and detecting image formats using code examples.

ArrayBufferBinaryDataBlob
0 likes · 9 min read
Handling Binary Data in Frontend: ArrayBuffer, Blob, File, and Image Processing
DaTaobao Tech
DaTaobao Tech
Feb 28, 2022 · Frontend Development

Understanding ESModule Loading and Execution Process

ESModules load by fetching and parsing files to build a static dependency graph, then instantiate bindings before evaluating each module depth‑first, which ensures deterministic execution, enables concurrent loading and TreeShaking, and explains why circular imports can cause temporal‑dead‑zone ReferenceErrors when exported variables are accessed before initialization.

ESModuleFront-endJavaScript
0 likes · 10 min read
Understanding ESModule Loading and Execution Process
ByteFE
ByteFE
Feb 25, 2022 · Frontend Development

Curated Recommendations: State of JS 2021, Cross‑Platform Tech, JIT, Vue Diff, Node.js, CSS, Three.js, Mermaid, Jest and More

This curated collection highlights the 2021 State of JS findings, cross‑platform technology insights, JIT compilation explanations, Vue diff algorithm visualizations, Node.js learning resources, and practical tutorials on CSS perspective, React + Three.js 3D effects, Mermaid diagrams in Markdown, and Jest testing, offering a comprehensive overview for modern front‑end developers.

JavaScriptNode.jsVue
0 likes · 4 min read
Curated Recommendations: State of JS 2021, Cross‑Platform Tech, JIT, Vue Diff, Node.js, CSS, Three.js, Mermaid, Jest and More
IT Services Circle
IT Services Circle
Feb 25, 2022 · Frontend Development

Plyr – A Modern Front‑End Video Player: Features, Usage, and Customisation

This article introduces Plyr, a lightweight and highly customizable HTML5 video/audio player library, outlines its rich feature set—including subtitles, speed control, picture‑in‑picture, and API methods—provides CDN and npm installation instructions, and demonstrates how to embed and style the player for web projects.

APIHTML5JavaScript
0 likes · 8 min read
Plyr – A Modern Front‑End Video Player: Features, Usage, and Customisation
Aotu Lab
Aotu Lab
Feb 24, 2022 · Frontend Development

How to Contribute to the Taro Open‑Source Project: A Step‑by‑Step Guide

This guide explains why developers should join open‑source projects, how to choose Taro as a target, and provides a detailed, code‑rich workflow—from locating suitable issues and forking the repository to setting up the development environment, implementing fixes, testing, and submitting a pull request.

JavaScriptTarocontribution guide
0 likes · 7 min read
How to Contribute to the Taro Open‑Source Project: A Step‑by‑Step Guide
TAL Education Technology
TAL Education Technology
Feb 24, 2022 · Frontend Development

Optimizing JavaScript Code with ES6 Features: Destructuring, Array Merging, Includes, Optional Chaining, and Flattening

This article demonstrates how to modernize and simplify JavaScript code by applying ES6 techniques such as object destructuring, Set‑based array deduplication, includes() for condition checks, optional chaining for safe property access, and array flattening methods, improving readability and maintainability.

Code OptimizationDestructuringJavaScript
0 likes · 8 min read
Optimizing JavaScript Code with ES6 Features: Destructuring, Array Merging, Includes, Optional Chaining, and Flattening
Ctrip Technology
Ctrip Technology
Feb 24, 2022 · Frontend Development

Performance Monitoring and Optimization of SSR Applications in Ctrip Financial Frontend

This article describes how Ctrip Financial’s front‑end team measured, analyzed, and optimized key web‑performance metrics such as First Contentful Paint, DNS/TCP durations, and Cumulative Layout Shift for their server‑side rendered applications, providing concrete monitoring code, data‑processing methods, and practical optimization techniques to improve user experience and achieve a 70%+ instant‑load rate.

JavaScriptSSRfrontend
0 likes · 10 min read
Performance Monitoring and Optimization of SSR Applications in Ctrip Financial Frontend
DaTaobao Tech
DaTaobao Tech
Feb 24, 2022 · Frontend Development

Why Web Components?

Web Components provide native, reusable HTML elements with Shadow DOM isolation, delivering lower CPU and memory usage than frameworks like React, and are increasingly adopted by companies such as Twitter, YouTube, and Adobe, offering performance, maintainability, and reduced vendor lock‑in for modern frontend development.

JavaScriptUI componentsfrontend development
0 likes · 11 min read
Why Web Components?
ELab Team
ELab Team
Feb 23, 2022 · Game Development

Master WebXR with A‑Frame: Build a VR Game from Scratch

This tutorial walks you through WebXR concepts, the A‑Frame framework, ECS architecture, and step‑by‑step code to create a simple VR game, covering scene setup, assets, primitives, components, JavaScript interaction, and audio integration for a complete web‑based XR experience.

A-FrameECSGame Development
0 likes · 32 min read
Master WebXR with A‑Frame: Build a VR Game from Scratch
JavaScript
JavaScript
Feb 23, 2022 · Backend Development

Unlock Node.js’s Built‑in fetch(): How It Works and Why Use It

Node.js now offers a native fetch() API—an experimental, Promise‑based HTTP client introduced in v17.5.0 that mirrors the browser Fetch API, simplifying requests, improving performance, and paving the way for future LTS support.

BackendHTTP clientJavaScript
0 likes · 4 min read
Unlock Node.js’s Built‑in fetch(): How It Works and Why Use It
政采云技术
政采云技术
Feb 22, 2022 · Frontend Development

Demystifying Snabbdom’s VNode and Diff Algorithm: A Deep Dive

This article provides a thorough analysis of Snabbdom’s virtual DOM implementation, explaining core concepts such as vnode structure, the diff algorithm, and the patch process, and includes detailed code walkthroughs and diagrams to help developers understand and apply these mechanisms in front‑end projects.

Diff AlgorithmJavaScriptSnabbdom
0 likes · 19 min read
Demystifying Snabbdom’s VNode and Diff Algorithm: A Deep Dive
IT Services Circle
IT Services Circle
Feb 22, 2022 · Backend Development

Understanding RPC and Its Use in Web Reverse Engineering with Sekiro

This article explains the concept of Remote Procedure Call (RPC), demonstrates how to apply RPC for web reverse engineering by injecting JavaScript through WebSocket communication, and introduces the Sekiro framework and related tools for automating encryption parameter retrieval in browser environments.

JavaScriptRPCSekiro
0 likes · 15 min read
Understanding RPC and Its Use in Web Reverse Engineering with Sekiro
IT Xianyu
IT Xianyu
Feb 18, 2022 · Frontend Development

Understanding Object.keys Order and V8 Property Handling to Fix a wxml2canvas Bug

This article explains why a WeChat mini‑program’s share card lost its QR code due to incorrect assumptions about Object.keys ordering, dives into the ECMAScript specification and V8’s internal property storage, and shows how to modify wxml2canvas to correctly sort elements and avoid the bug.

JavaScriptObject.keysV8
0 likes · 19 min read
Understanding Object.keys Order and V8 Property Handling to Fix a wxml2canvas Bug
Alibaba Cloud Developer
Alibaba Cloud Developer
Feb 18, 2022 · Mobile Development

Create a Photo Mini‑Program on Alipay in 15 Minutes with Alibaba Cloud

This guide walks developers through building a personal photo Alipay mini‑program using Alibaba Cloud’s Serverless platform, covering setup of the development environment, configuration of app and cloud credentials, initializing the MPServerless SDK, handling authorization, uploading images, and storing metadata in the cloud database, all with step‑by‑step code examples.

Alibaba Cloud ServerlessAlipay Mini ProgramJavaScript
0 likes · 7 min read
Create a Photo Mini‑Program on Alipay in 15 Minutes with Alibaba Cloud
Taobao Frontend Technology
Taobao Frontend Technology
Feb 18, 2022 · Fundamentals

Unlock JavaScript Performance: From AST to Control Flow Graphs Explained

This article explores how understanding and visualizing JavaScript’s control and data flow—through abstract syntax trees, data flow graphs, and control flow graphs—can guide effective code optimization, illustrated with hardware-inspired examples and practical Arduino code, while also introducing SSA and Node Sea concepts.

ASTCode OptimizationControl Flow
0 likes · 13 min read
Unlock JavaScript Performance: From AST to Control Flow Graphs Explained
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Feb 18, 2022 · Frontend Development

Evolution of React State Management: From Local Hooks to Unstated‑Next, Hox, and Zustand

The article traces React’s state‑management evolution from basic useState hooks through unstated‑next and hox to the minimalist zustand library, showing how each step reduces boilerplate, eliminates prop‑drilling and deep providers, and enables precise, hook‑based updates for modern functional components.

HoxJavaScriptReact
0 likes · 13 min read
Evolution of React State Management: From Local Hooks to Unstated‑Next, Hox, and Zustand
Alibaba Terminal Technology
Alibaba Terminal Technology
Feb 14, 2022 · Frontend Development

How Rax Enables Seamless Cross‑Platform Development on HarmonyOS

This article explains why cross‑platform development is needed, compares one‑code‑many‑devices versus separate codebases, introduces Rax as a React‑style framework, and details the technical architecture, rendering pipeline, build process, and development workflow for creating HarmonyOS applications with Rax.

HarmonyOSJavaScriptRax
0 likes · 12 min read
How Rax Enables Seamless Cross‑Platform Development on HarmonyOS
Sensors Frontend
Sensors Frontend
Feb 14, 2022 · Frontend Development

Essential 2022 Reads: Top Frontend Development Articles You Must Explore

Discover a curated collection of must‑read articles covering Esbuild tools, ES6 compatibility, Node.js require hooks, WebAssembly trends, React 18 batching, async error handling, Vite performance, Event Loop deep‑dive, micro‑frontends, V8 internals, and more for modern frontend engineers.

JavaScriptReactTypeScript
0 likes · 5 min read
Essential 2022 Reads: Top Frontend Development Articles You Must Explore
ELab Team
ELab Team
Feb 11, 2022 · Frontend Development

Master Vue 3: Key Differences, New APIs, and Migration Tips

This article provides a comprehensive guide to Vue 3, covering its performance improvements, tree‑shaking support, Composition API, new global APIs, lifecycle changes, reactive system enhancements, and practical code examples to help developers migrate from Vue 2 to Vue 3 efficiently.

Composition APIJavaScriptVue3
0 likes · 13 min read
Master Vue 3: Key Differences, New APIs, and Migration Tips
IT Services Circle
IT Services Circle
Feb 11, 2022 · Frontend Development

Eight Vue.js UI Components to Use in 2019

This article introduces eight noteworthy Vue.js UI components—Sweet Modal, Vue Scrollama, Vue‑parallax, Vue‑typer, Vue‑slider, Vue.js Popover, Vue‑bar, and Vue Infinite Slide Bar—detailing their features, use cases, and GitHub links for developers looking to enhance their web applications.

JavaScriptUI componentsVue.js
0 likes · 7 min read
Eight Vue.js UI Components to Use in 2019
The Dominant Programmer
The Dominant Programmer
Feb 10, 2022 · Frontend Development

Quick Start with Fabric.js: Building a Canvas App in Vue

This guide introduces Fabric.js—a library that adds an object model, SVG parsing, and interactivity to HTML5 Canvas—and walks through setting up a Vue project, installing the library, creating a canvas element, and drawing a red rectangle with concise code examples.

CanvasFabric.jsGraphics
0 likes · 4 min read
Quick Start with Fabric.js: Building a Canvas App in Vue
ByteFE
ByteFE
Feb 9, 2022 · Frontend Development

A God‑Eye Overview of Frontend Technology Trends

This comprehensive overview examines recent frontend trends, highlighting the rise of Python over JavaScript, the popularity of TypeScript, emerging tools like Vite and zx, the evolution of frameworks, bundlers, low‑code platforms, AI integration, cross‑platform solutions, serverless, DevOps, 5G impacts, Web3, WebAssembly, and future directions for the industry.

JavaScriptTypeScriptWebAssembly
0 likes · 30 min read
A God‑Eye Overview of Frontend Technology Trends
Tencent Cloud Developer
Tencent Cloud Developer
Feb 9, 2022 · Frontend Development

Webpack Build Process, Tapable Plugin System, and a Simple Bundler Implementation

The article walks through Webpack’s bundling workflow, explains Tapable’s hook system—including sync, async, and interceptor mechanisms—and demonstrates a minimal hand‑written bundler that parses an entry file, builds a dependency graph, transforms code, and emits a self‑executing bundle, illustrating core concepts.

Build ProcessBundlerJavaScript
0 likes · 19 min read
Webpack Build Process, Tapable Plugin System, and a Simple Bundler Implementation
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Feb 8, 2022 · Frontend Development

Design and Implementation of a Simple Canvas Layout Engine for Front-End Development

This article presents a lightweight, framework-agnostic canvas layout engine that parses CSS-like styles, performs document-flow layout, renders via a depth-first canvas draw, supports interactive events, works across web and mini-program environments, and demonstrates its API, debugging tools, performance results, and future extensions.

CanvasJavaScriptLayout Engine
0 likes · 25 min read
Design and Implementation of a Simple Canvas Layout Engine for Front-End Development
IT Services Circle
IT Services Circle
Feb 6, 2022 · Frontend Development

2021 JavaScript Ecosystem Highlights: Major Releases and Updates

The article reviews the most significant JavaScript ecosystem events of 2021, covering front‑end tools like Snowpack, Vite, React, Vue, back‑end updates such as Node.js 16 and npm 7, new language features, and notable deprecations, providing concise summaries and code examples.

JavaScriptNode.jsReact
0 likes · 19 min read
2021 JavaScript Ecosystem Highlights: Major Releases and Updates
IT Services Circle
IT Services Circle
Feb 3, 2022 · Frontend Development

Best Practices for Conditional Rendering in React JSX

This article explains common pitfalls when using conditional expressions in React JSX—such as rendering zero, operator precedence, ternary nesting, and using JSX as a condition—and provides clear recommendations like explicit boolean checks, parentheses, key usage, and avoiding overly complex ternary operators.

Conditional RenderingJSXJavaScript
0 likes · 8 min read
Best Practices for Conditional Rendering in React JSX
ByteFE
ByteFE
Jan 28, 2022 · Frontend Development

Curated Technical Articles: WebAssembly, Deno, Garbage Collection, Frontend Debugging, CSS Colors, FormData, and Advanced JavaScript

This newsletter curates a collection of technical articles covering WebAssembly's future, Deno's 2021 progress, JavaScript garbage collection fundamentals, front‑end debugging best practices, modern CSS color systems, FormData usage, and advanced JavaScript features like iterators and generators.

CSSFormDataGarbage Collection
0 likes · 5 min read
Curated Technical Articles: WebAssembly, Deno, Garbage Collection, Frontend Debugging, CSS Colors, FormData, and Advanced JavaScript
Full-Stack Trendsetter
Full-Stack Trendsetter
Jan 27, 2022 · Frontend Development

Essential Moment.js Methods: A Complete Guide

This article provides a comprehensive reference for Moment.js, covering how to add or subtract time, set moments to the start or end of units, format dates with tokens, handle localization, compute relative times, and convert moments to native values, all illustrated with concrete code examples.

JavaScriptdate manipulationformatting
0 likes · 15 min read
Essential Moment.js Methods: A Complete Guide
Full-Stack Trendsetter
Full-Stack Trendsetter
Jan 27, 2022 · Fundamentals

Understanding the Difference Between JavaScript Stack and Heap Memory

The article explains how JavaScript engines store variables in stack and heap memory, clarifies why const primitives are immutable while object properties can change, shows that new objects reside in heap, and discusses allocation efficiency and garbage‑collection behavior of both memory regions.

Garbage CollectionHeap MemoryJavaScript
0 likes · 5 min read
Understanding the Difference Between JavaScript Stack and Heap Memory
NiuNiu MaTe
NiuNiu MaTe
Jan 26, 2022 · Frontend Development

Master the Observer Pattern: A Fun Story‑Driven Front‑End Tutorial

Through a playful narrative featuring SpongeBob and a rival boss, this article explains the high‑frequency front‑end interview topic of the Observer pattern, illustrates its core concepts, shows one‑to‑many relationships, and provides a complete JavaScript implementation with clear code examples.

Front-endJavaScriptObserver Pattern
0 likes · 5 min read
Master the Observer Pattern: A Fun Story‑Driven Front‑End Tutorial
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jan 24, 2022 · Fundamentals

Mastering Unified: Process Markdown, HTML, and Text with AST Plugins

This article introduces the Unified text‑processing ecosystem, explains its AST‑based core, surveys major plugins such as remark, rehype, retext, and demonstrates practical usage examples—including Node.js documentation, dumi, and react‑markdown—to help developers understand its capabilities, workflow, and integration patterns.

ASTHTMLJavaScript
0 likes · 11 min read
Mastering Unified: Process Markdown, HTML, and Text with AST Plugins
Programmer DD
Programmer DD
Jan 21, 2022 · Frontend Development

Master Chinese Poetry Layout on the Web with Heti

Discover how the open‑source Heti project lets you effortlessly apply traditional Chinese typography to web pages, offering grid‑aligned layouts, built‑in ancient poem styles, dark‑mode support, and simple CSS/JS integration for flawless text rendering.

CSSChinese typographyHeti
0 likes · 5 min read
Master Chinese Poetry Layout on the Web with Heti
KooFE Frontend Team
KooFE Frontend Team
Jan 21, 2022 · Frontend Development

Why Playwright Is Becoming the Top Choice for Cross‑Browser UI Testing

Playwright, Microsoft’s open‑source end‑to‑end UI testing framework, supports all major browsers, multiple programming languages, isolated contexts, auto‑waiting, and powerful selectors, making it a fast‑growing alternative to Selenium for developers seeking reliable, cross‑browser automation.

JavaScriptPlaywrightPython
0 likes · 6 min read
Why Playwright Is Becoming the Top Choice for Cross‑Browser UI Testing
ByteFE
ByteFE
Jan 19, 2022 · Frontend Development

Spring Festival Mini‑Game Development with Vue.js: Mechanics, Bullet Chat, Sound, and Quiz System

This article walks through the creation of a Spring Festival themed mini‑game using Vue.js, covering game rules, global settings, menu generation, sound handling, bullet‑chat implementation, enemy (NianShou) behavior, firecracker control, bullet mechanics, a timed quiz system, and end‑game handling, all illustrated with code snippets.

Game DevelopmentJavaScriptQuiz
0 likes · 19 min read
Spring Festival Mini‑Game Development with Vue.js: Mechanics, Bullet Chat, Sound, and Quiz System
转转QA
转转QA
Jan 19, 2022 · Frontend Development

Getting Started with UI Automation Testing Using Puppeteer and Mocha

This tutorial explains how to set up and use Puppeteer together with the Mocha test framework to create, run, and report UI automation test cases for web and H5 applications, covering installation, a demo script, selector handling, and visual test reporting.

JavaScriptNode.jsPuppeteer
0 likes · 6 min read
Getting Started with UI Automation Testing Using Puppeteer and Mocha
Programmer DD
Programmer DD
Jan 19, 2022 · Frontend Development

Build a Web H.265 Player with WebAssembly and JavaScript – Step-by-Step Guide

This tutorial explains how to create a fully functional web H.265 video player using JavaScript stream demuxing, WebAssembly‑compiled FFmpeg, Canvas rendering and AudioContext, covering project setup, Nginx configuration, HTML integration, and the core modules and threads that drive playback.

H.265JavaScriptWebAssembly
0 likes · 5 min read
Build a Web H.265 Player with WebAssembly and JavaScript – Step-by-Step Guide
21CTO
21CTO
Jan 18, 2022 · Frontend Development

Boost Your Web Development Speed with 10 Essential VS Code Extensions

A seasoned front‑end engineer shares ten VS Code extensions—ranging from HTML snippets and CSS class IntelliSense to Live Server and bracket colorizers—that dramatically streamline coding, improve productivity, and simplify common web development tasks for developers of all levels.

CSSExtensionsHTML
0 likes · 5 min read
Boost Your Web Development Speed with 10 Essential VS Code Extensions
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jan 17, 2022 · Frontend Development

Unlock Smooth Animations: Mastering the Browser Rendering Pipeline and Performance

This article explains the browser's rendering pipeline—from render trees and layers to compositing and rasterization—and provides practical techniques such as passive event listeners, requestAnimationFrame, CSS containment, and will-change to dramatically improve animation smoothness and reduce layout and paint costs.

Browser RenderingCSSFrontend Optimization
0 likes · 27 min read
Unlock Smooth Animations: Mastering the Browser Rendering Pipeline and Performance
21CTO
21CTO
Jan 16, 2022 · Frontend Development

Top Front-End Development Trends to Watch in 2022

This article explores the most popular front‑end development trends for 2022, covering JAMstack, progressive web apps, JavaScript dominance, single‑page sites, AI chatbots, Gatsby, and React, while explaining why these technologies are reshaping web user experiences.

2022 trendsGatsbyJamstack
0 likes · 7 min read
Top Front-End Development Trends to Watch in 2022
MaGe Linux Operations
MaGe Linux Operations
Jan 14, 2022 · Frontend Development

Turn Any Text Editor into a Powerful Markdown Viewer with Markdeep

Markdeep is an open‑source JavaScript plugin that transforms plain‑text files into fully rendered Markdown documents—including tables, LaTeX math, and charts—without installing extensions, and can be used by simply adding a single line to any text editor, making offline, browser‑based publishing effortless.

DocumentationJavaScriptOpenSource
0 likes · 6 min read
Turn Any Text Editor into a Powerful Markdown Viewer with Markdeep
ELab Team
ELab Team
Jan 14, 2022 · Frontend Development

Mastering HTML5 Drag-and-Drop: Native Implementation, Events, and React Alternatives

This article explains how to implement native HTML5 drag‑and‑drop, details the required draggable attribute, describes all related events, shows a simple JavaScript demo, discusses common pitfalls such as repeated ondragover and ghosting, and compares popular React libraries for drag‑and‑drop.

Drag-and-DropHTML5JavaScript
0 likes · 12 min read
Mastering HTML5 Drag-and-Drop: Native Implementation, Events, and React Alternatives
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Jan 14, 2022 · Frontend Development

Understanding ZRender: Canvas Rendering, API Usage, and Custom Element Development

This article introduces the ZRender canvas rendering engine, explains its underlying Canvas2D API, demonstrates how to integrate ZRender into projects, and provides detailed code examples for creating shapes, handling events, adding animations, and extending the library with custom elements such as video support.

CanvasData visualizationJavaScript
0 likes · 54 min read
Understanding ZRender: Canvas Rendering, API Usage, and Custom Element Development
ELab Team
ELab Team
Jan 13, 2022 · Fundamentals

Unlocking V8: How Fast and Slow Properties Boost JavaScript Performance

This article dives into V8's internal optimizations for object properties, covering fast and slow properties, in‑object storage, hidden classes, array holes, fast/slow arrays, and inline caches, and offers practical advice for writing high‑performance JavaScript code.

Hidden ClassesJavaScriptV8
0 likes · 19 min read
Unlocking V8: How Fast and Slow Properties Boost JavaScript Performance
ByteFE
ByteFE
Jan 12, 2022 · Fundamentals

Understanding the Differences Between null and undefined in JavaScript

This article explains the conceptual and practical differences between JavaScript's null and undefined values, covering their definitions, type checking methods, comparison behavior, arithmetic conversion, JSON serialization, and best practices for usage.

ComparisonJSONJavaScript
0 likes · 10 min read
Understanding the Differences Between null and undefined in JavaScript
Tencent Cloud Developer
Tencent Cloud Developer
Jan 12, 2022 · Frontend Development

How to Write Readable JavaScript Code: Tips for Clean, Maintainable Code

The article explains why readable code matters, shows a messy JavaScript example, lists common readability problems, and provides concrete guidelines—consistent style, meaningful naming, proper comments, small files, shallow nesting—along with tooling tips such as ESLint, Standard Style, husky and lint‑staged to enforce them.

ESLintJavaScriptcode readability
0 likes · 10 min read
How to Write Readable JavaScript Code: Tips for Clean, Maintainable Code
ByteFE
ByteFE
Jan 10, 2022 · Frontend Development

Frontend Resource Download via CDN and Object Storage

This article explains how front-end developers can directly download resources from CDN or object storage using HTML5's download attribute and JavaScript workarounds, addressing CORS limitations and providing code examples for implementation.

Blob APICDNCORS
0 likes · 7 min read
Frontend Resource Download via CDN and Object Storage
21CTO
21CTO
Jan 8, 2022 · Fundamentals

Top Programming Languages to Learn in 2022: Rankings, Salaries & Insights

Based on LinkedIn, Indeed and Glassdoor data, CodingNomads ranks the most in-demand programming languages for 2022, highlighting Python, Java, JavaScript, C++, and others, and reveals average U.S. salaries, career prospects, and recommendations for beginners on which language to master first.

JavaScriptTypeScriptcareer prospects
0 likes · 8 min read
Top Programming Languages to Learn in 2022: Rankings, Salaries & Insights
Beike Product & Technology
Beike Product & Technology
Jan 7, 2022 · Frontend Development

Understanding React Hooks: Principles, Implementation, and Usage

This article explains why React introduced Hooks, how they solve state‑reuse and component‑complexity problems, details the internal fiber architecture behind useState, useReducer, useEffect, useLayoutEffect, useCallback and useMemo, and provides practical code examples for each.

JavaScriptReacthooks
0 likes · 18 min read
Understanding React Hooks: Principles, Implementation, and Usage
JavaScript
JavaScript
Jan 4, 2022 · Frontend Development

Why parseInt Returns Unexpected Results and How to Use It Correctly

This article explains how JavaScript's parseInt function works, its handling of radix and floating‑point numbers, why it produces surprising results with very small values, and recommends safer alternatives like Math.floor for extracting integer parts.

JavaScriptMath.floorfloating-point
0 likes · 5 min read
Why parseInt Returns Unexpected Results and How to Use It Correctly
ELab Team
ELab Team
Jan 1, 2022 · Frontend Development

How to Build a Powerful Figma Plugin from Scratch: A Step‑by‑Step Guide

This article walks through the fundamentals of Figma plugin development, explaining the architecture of main and UI threads, demonstrating core features of the lego‑quiz‑figma plugin, and providing a complete workflow from creating the manifest to publishing the plugin, complete with code examples and best‑practice tips.

FigmaJavaScriptPlugin Development
0 likes · 19 min read
How to Build a Powerful Figma Plugin from Scratch: A Step‑by‑Step Guide
ByteDance ADFE Team
ByteDance ADFE Team
Dec 30, 2021 · Frontend Development

Understanding Immer.js: Immutable Data Handling in JavaScript and React

Immer.js, created by the author of MobX, provides a lightweight immutable data library for JavaScript using ES6 proxies, offering simple APIs and seamless integration with React’s state management, while comparing its concepts, implementation details, and trade‑offs against Immutable.js and manual cloning techniques.

Immer.jsImmutable DataJavaScript
0 likes · 18 min read
Understanding Immer.js: Immutable Data Handling in JavaScript and React
Tencent Cloud Developer
Tencent Cloud Developer
Dec 30, 2021 · Frontend Development

How to Write Robust Front-End Code: Practices and Techniques

Writing robust front‑end code involves systematic exception handling, thorough input validation, disciplined code‑style practices such as default cases and optional chaining, careful selection of mature third‑party libraries, and proactive robustness testing like monkey testing to ensure the UI remains functional under unexpected conditions.

JavaScriptRobustnessbest practices
0 likes · 8 min read
How to Write Robust Front-End Code: Practices and Techniques
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 29, 2021 · Frontend Development

Why Modern Browsers Matter: A Deep Dive into Frontend Standardization

This article explores the evolution of browsers, the layered architecture of front‑end development, the role of standardization bodies, and how understanding browser internals—from multi‑process models to JavaScript engines—helps developers write more efficient, compatible, and future‑proof web applications.

HTMLJavaScriptbrowser
0 likes · 20 min read
Why Modern Browsers Matter: A Deep Dive into Frontend Standardization
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 28, 2021 · Fundamentals

What’s New in TC39’s December Meeting? Intl.Segmenter V2, Array.groupBy, RegExp Enhancements

The December TC39 meeting updated several proposals—including moving Intl.Segmenter to Stage 1 as V2, adding new timeZoneName values, expanding Intl.DisplayNames, introducing Array.prototype.groupBy and Array.fromAsync, and refining RegExp modifiers and buffer boundaries—while outlining the criteria for advancing proposals through the stages.

ECMAScript proposalsJavaScriptRegExp
0 likes · 18 min read
What’s New in TC39’s December Meeting? Intl.Segmenter V2, Array.groupBy, RegExp Enhancements
DeWu Technology
DeWu Technology
Dec 23, 2021 · Frontend Development

Pure JavaScript Smooth Curve Generation Using Bézier Curves

This guide shows how to generate smooth, high‑quality curves from a polyline in pure JavaScript by computing quadratic and cubic Bézier points, deriving control points via angle‑bisector geometry, assembling the segments, and rendering and animating the result on an HTML5 canvas without external libraries.

Bézier CurveCanvasFront-end
0 likes · 10 min read
Pure JavaScript Smooth Curve Generation Using Bézier Curves
DeWu Technology
DeWu Technology
Dec 23, 2021 · Frontend Development

Canvas Performance Optimization Techniques

Canvas performance hinges on the number and size of drawn shapes, so optimizing by reducing draw‑calls, using layered or clipped rendering, and offloading heavy drawing to OffscreenCanvas or Web Workers can preserve frame rates and keep the UI responsive.

CanvasJavaScriptWeb Workers
0 likes · 15 min read
Canvas Performance Optimization Techniques
HomeTech
HomeTech
Dec 22, 2021 · Frontend Development

20 JavaScript One‑Liner Tricks for Frontend Development

This article presents twenty concise JavaScript one‑liner snippets that boost front‑end productivity, covering tasks such as retrieving cookies, converting RGB to hex, copying to clipboard, validating dates, calculating day differences, manipulating strings, arrays, and detecting dark mode, each illustrated with ready‑to‑use code examples.

JavaScriptOne-linercode snippets
0 likes · 8 min read
20 JavaScript One‑Liner Tricks for Frontend Development
Laravel Tech Community
Laravel Tech Community
Dec 20, 2021 · Backend Development

Node.js 12.22.8 (Er) Release: Key Changes and Commit Summary

Node.js 12.22.8 (code‑named “Er”) has been released, featuring a c‑ares update to fix underscore CNAME resolution, updated Mozilla NSS root certificates, and a series of additional commits ranging from build and dependency upgrades to bug fixes across various modules.

JavaScriptNode.jsc-ares
0 likes · 3 min read
Node.js 12.22.8 (Er) Release: Key Changes and Commit Summary
DeWu Technology
DeWu Technology
Dec 16, 2021 · Frontend Development

Canvas Performance Optimization Techniques

Optimizing HTML5 canvas performance involves reducing draw calls, using layered and clipped rendering, performing quick bounding‑box checks, and offloading heavy drawing to OffscreenCanvas with Web Workers, enabling smooth animation even when thousands of shapes are rendered.

CanvasJavaScriptRendering
0 likes · 14 min read
Canvas Performance Optimization Techniques
Sohu Tech Products
Sohu Tech Products
Dec 15, 2021 · Frontend Development

Implementing a Simple Virtual DOM Library with Patch and Diff Algorithms

This article explains how to build a lightweight virtual DOM library in JavaScript, covering the creation of VNode objects, the patch and diff algorithms, handling of attributes, classes, styles, and events, and demonstrates a step‑by‑step implementation using the Snabbdom approach.

Diff AlgorithmJavaScriptSnabbdom
0 likes · 18 min read
Implementing a Simple Virtual DOM Library with Patch and Diff Algorithms
The Dominant Programmer
The Dominant Programmer
Dec 15, 2021 · Frontend Development

Interactive Polygon Drawing and Area Calculation with Vue and OpenLayers

This tutorial shows how to import the required OpenLayers modules into a Vue project, configure a map, add a Polygon draw interaction, handle the drawend event to compute and format the polygon's area using OpenLayers' getArea function, and provides a complete working example with code.

Area calculationDraw interactionJavaScript
0 likes · 7 min read
Interactive Polygon Drawing and Area Calculation with Vue and OpenLayers
The Dominant Programmer
The Dominant Programmer
Dec 15, 2021 · Frontend Development

How to Draw Lines on a Map with Vue and OpenLayers

This tutorial walks through importing OpenLayers modules into a Vue component, defining line coordinates, creating vector sources and layers, styling the line, and integrating the line layer with other map layers to render a green polyline on the map.

JavaScriptMappingOpenLayers
0 likes · 7 min read
How to Draw Lines on a Map with Vue and OpenLayers
php Courses
php Courses
Dec 12, 2021 · Frontend Development

Understanding Vue 3 Composition API: Ref, Reactive, toRefs, Computed, Watch, Provide/Inject, and Lifecycle Hooks

This article explains Vue 3's Composition API, covering how to create reactive data with ref and reactive, use toRefs, define computed properties, apply readonly, watch and watchEffect, handle lifecycle hooks, pass props, and share state via provide and inject, all with practical code examples.

Composition APIJavaScriptRef
0 likes · 8 min read
Understanding Vue 3 Composition API: Ref, Reactive, toRefs, Computed, Watch, Provide/Inject, and Lifecycle Hooks
php Courses
php Courses
Dec 11, 2021 · Frontend Development

Implementing Vue 3 Reactivity with Proxy, Reactive, and Ref Functions

This article walks through building a Vue 3‑style reactivity system from scratch, covering effect functions, dependency collection with Set/Map/WeakMap, automatic tracking via Proxy, and the implementation of reactive and ref utilities, all illustrated with complete JavaScript code examples.

JavaScriptReactivityVue3
0 likes · 8 min read
Implementing Vue 3 Reactivity with Proxy, Reactive, and Ref Functions
Laiye Technology Team
Laiye Technology Team
Dec 10, 2021 · Artificial Intelligence

Best Practices for Building an Entity‑Relationship Annotation Tool at Laiye AI R&D Center

This article details Laiye Technology’s AI R&D team’s end‑to‑end approach to designing and optimizing a custom entity‑relationship annotation tool, covering data‑labeling challenges, shortcomings of Excel and off‑the‑shelf solutions, architectural requirements, line‑breaking and mark‑position algorithms, performance improvements, and real‑world results.

JavaScriptNLPdata annotation
0 likes · 12 min read
Best Practices for Building an Entity‑Relationship Annotation Tool at Laiye AI R&D Center
政采云技术
政采云技术
Dec 7, 2021 · Frontend Development

A Comprehensive Guide to Frontend Unit Testing with Jest and Mocha

This article introduces the importance of frontend unit testing, presents survey data on current practices, compares popular frameworks like Jest and Mocha, provides step‑by‑step setup instructions, demonstrates code examples for JavaScript, TypeScript and async functions, and explains how to generate coverage reports and use common assertions.

JavaScriptJestcoverage
0 likes · 16 min read
A Comprehensive Guide to Frontend Unit Testing with Jest and Mocha
Programmer DD
Programmer DD
Dec 4, 2021 · Frontend Development

Boost Your UI with use-gesture: Simple React & Vanilla JS Gestures

This article introduces the use-gesture library, a lightweight React and vanilla JavaScript tool for enriching mouse and touch interactions, explains installation via Yarn or npm, demonstrates various gesture hooks with code examples, and showcases visual effects through animated demos.

JavaScriptReactfrontend development
0 likes · 4 min read
Boost Your UI with use-gesture: Simple React & Vanilla JS Gestures
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 3, 2021 · Frontend Development

Building Web AR with AR.js: A Pure Front‑End Solution

This article introduces a pure‑frontend approach to Web AR using AR.js, explains core technologies like WebRTC, JSARToolKit, A‑Frame, and Three.js, guides through HTTPS setup, demonstrates image‑tracking and video examples, and shows how to integrate Agora video calls for remote cat‑watching.

A-FrameAR.jsAgora
0 likes · 15 min read
Building Web AR with AR.js: A Pure Front‑End Solution
Laiye Technology Team
Laiye Technology Team
Dec 3, 2021 · Frontend Development

Understanding Native ES Modules and Why Vite Is So Fast

This article explains the concept of Native‑ESM, traces the evolution of JavaScript module systems from IIFE to ES Modules, and shows how Vite leverages native ES modules, ESBuild, and caching to achieve dramatically faster cold starts and hot updates compared to traditional bundlers like Webpack.

Build ToolES ModuleJavaScript
0 likes · 14 min read
Understanding Native ES Modules and Why Vite Is So Fast
ELab Team
ELab Team
Dec 2, 2021 · Frontend Development

How to Build a Robust @Mention Feature in Frontend Rich Text Editors

This article explores the implementation of @mention functionality in modern front‑end rich‑text editors, covering background, industry examples from Weibo and Twitter, core concepts like Range and Selection APIs, cursor handling, search pop‑ups, key interception, and techniques for inserting custom @tags with code snippets.

@mentionJavaScriptRange API
0 likes · 15 min read
How to Build a Robust @Mention Feature in Frontend Rich Text Editors