BestHub
Sign in
Tagged articles
2421 articles
Page 9 of 25
360 Tech Engineering
360 Tech Engineering
Aug 23, 2023 · Frontend Development

Micro‑Frontend Architecture with MonoRepo and Qiankun: Design, Technology Selection, and Implementation Practices

This article describes how a team consolidated six PC and H5 projects by adopting a micro‑frontend architecture based on MonoRepo and Qiankun, evaluates popular micro‑frontend solutions, explains the chosen technology stack, outlines step‑by‑step implementation details, and shares the problems encountered and their resolutions.

Frontend ArchitectureJavaScriptMonorepo
0 likes · 8 min read
Micro‑Frontend Architecture with MonoRepo and Qiankun: Design, Technology Selection, and Implementation Practices
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 21, 2023 · Frontend Development

Common Vue2 Code Smells and How to Refactor Them

This article examines typical Vue2 code‑smell patterns—such as chaotic project structures, confusing naming conventions, oversized components, complex expressions, repetitive markup, tangled conditional logic, hard‑coded values, overused mixins, missing component names, and lack of comments—and provides concrete refactoring strategies to improve maintainability and readability.

JavaScriptVue.jsbest practices
0 likes · 14 min read
Common Vue2 Code Smells and How to Refactor Them
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 16, 2023 · Game Development

Creating a Naruto-Themed 3D World with three.js: Model Loading, Controls, Animation, and Octree Collision

This tutorial walks through building a simple Naruto-inspired 3D scene using three.js, covering model acquisition, character creation, keyboard controls, rotation handling, animation state management, camera integration, octree-based collision detection, and troubleshooting common issues such as camera‑character alignment and jump physics.

Game DevelopmentJavaScriptThree.js
0 likes · 22 min read
Creating a Naruto-Themed 3D World with three.js: Model Loading, Controls, Animation, and Octree Collision
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 14, 2023 · Frontend Development

Three.js API Wrapper and 3D Visualization in a Vue3 Project

This article introduces the fundamentals of Three.js, demonstrates how to encapsulate its core APIs into a Viewer class, and walks through building a Vue3-based 3D visualization project with scene, camera, lighting, model loading, skybox, mouse interaction, and helper utilities.

3d-visualizationJavaScriptVue3
0 likes · 13 min read
Three.js API Wrapper and 3D Visualization in a Vue3 Project
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 11, 2023 · Frontend Development

Deep Dive into React useEffect and useLayoutEffect: Data Structures, Lifecycle, and Implementation Details

This article explains how React manages side‑effects with useEffect and useLayoutEffect, covering the underlying Effect data structure, the mount and update phases, the commit pipeline (before‑mutation, mutation, layout), and the differences in timing and execution between the two hooks.

JavaScripthooksuseEffect
0 likes · 28 min read
Deep Dive into React useEffect and useLayoutEffect: Data Structures, Lifecycle, and Implementation Details
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 10, 2023 · Frontend Development

Creating a Time‑Travel Tunnel Effect with Three.js

This tutorial walks through the fundamentals of Three.js—setting up a scene, camera, lights, and meshes—to build a rotating cylindrical tunnel with animated textures and color changes, culminating in a complete time‑machine visual that runs in a web browser.

3DJavaScriptTutorial
0 likes · 11 min read
Creating a Time‑Travel Tunnel Effect with Three.js
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 8, 2023 · Frontend Development

Best Practices for Ant Design Forms, Dynamic Form Handling, and Component Organization in React

This article reviews practical guidelines for building maintainable Ant Design forms in React, covering layout strategies, dynamic form techniques, component encapsulation, table and tab implementations, CSS styling conventions, architecture considerations, and custom hooks to improve code quality and developer productivity.

Ant DesignDynamic FormForm
0 likes · 17 min read
Best Practices for Ant Design Forms, Dynamic Form Handling, and Component Organization in React
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 5, 2023 · Frontend Development

How to Build, Optimize, and Publish a Full‑Featured CLI Scaffolding Tool for Frontend Projects

This tutorial walks you through creating a 100‑line Node.js CLI scaffolding tool that supports global and local installation, interactive project and template selection, command‑line arguments, loading animations, overwrite prompts, dynamic template fetching via GitHub API, and finally publishing the package to npm for frontend engineers.

CLIJavaScriptNode.js
0 likes · 22 min read
How to Build, Optimize, and Publish a Full‑Featured CLI Scaffolding Tool for Frontend Projects
21CTO
21CTO
Aug 3, 2023 · Fundamentals

What Is WebAssembly and Why It Matters for Modern Web Development

This article explains what WebAssembly is, why it is needed for high‑performance web applications, how it works internally, which languages can target it, typical use cases, and provides practical examples of loading and using WebAssembly modules in browsers and Node.js.

CompilationJavaScriptRust
0 likes · 11 min read
What Is WebAssembly and Why It Matters for Modern Web Development
Sohu Tech Products
Sohu Tech Products
Aug 2, 2023 · Frontend Development

How JSX Works and Building a Simple JSX Parser from Scratch

This article explains the fundamentals of JSX, why JSX expressions must have a single root element, and provides a step‑by‑step guide with complete code to implement a minimal JSX parser that translates JSX syntax into plain JavaScript createElement calls.

JSXJavaScriptParser
0 likes · 13 min read
How JSX Works and Building a Simple JSX Parser from Scratch
Open Source Tech Hub
Open Source Tech Hub
Aug 2, 2023 · Backend Development

How NativePHP Bridges Laravel and Electron for Seamless Desktop Apps

This article explains how NativePHP integrates Laravel with Electron (and future Tauri) by providing a complete API, detailing installation, the boot process, core workflow involving Express and PHP servers, event handling, window management, and the benefits of using a unified backend‑centric approach.

Desktop AppsElectronJavaScript
0 likes · 10 min read
How NativePHP Bridges Laravel and Electron for Seamless Desktop Apps
政采云技术
政采云技术
Aug 2, 2023 · Frontend Development

Encapsulating DOM Exposure: From Scroll Listener to IntersectionObserver

This article describes how to abstract and improve DOM exposure tracking by first using a scroll listener with getBoundingClientRect and then refactoring to a more robust IntersectionObserver implementation, including code examples, configuration details, and compatibility considerations.

DOMExposureIntersectionObserver
0 likes · 8 min read
Encapsulating DOM Exposure: From Scroll Listener to IntersectionObserver
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 2, 2023 · Frontend Development

Implementing a Custom Promise in JavaScript: A Comprehensive Guide

This article provides a step‑by‑step tutorial on building a custom Promise implementation in JavaScript, covering basic functionality, handling of asynchronous logic, chaining, thenable objects, microtasks, error handling, static methods like resolve, reject, all, race, allSettled, any, and additional features such as catch and finally.

AsynchronousCustomImplementationJavaScript
0 likes · 32 min read
Implementing a Custom Promise in JavaScript: A Comprehensive Guide
Zhuanzhuan Tech
Zhuanzhuan Tech
Aug 1, 2023 · Frontend Development

Understanding and Using localStorage and sessionStorage in Web Development

This article provides a comprehensive overview of browser localStorage and sessionStorage, covering their differences, compatibility, API usage, storage limits, performance tips, and practical applications such as habit tracking, first‑open prompts, and reducing redundant API calls.

JavaScriptWeb Storagefrontend
0 likes · 15 min read
Understanding and Using localStorage and sessionStorage in Web Development
Weimob Technology Center
Weimob Technology Center
Jul 28, 2023 · Frontend Development

JavaScript Sandboxes for Secure Micro‑Frontend Apps: Techniques & Examples

This article explains the concept of sandbox security mechanisms, explores their use cases in iPaaS API orchestration and micro‑frontend applications, compares eval, Function, with + proxy techniques, presents JavaScript, iframe and Node vm sandbox implementations, and details practical deployments within the Kraken framework and a centralized approval service.

JavaScriptNode.jsiPaaS
0 likes · 18 min read
JavaScript Sandboxes for Secure Micro‑Frontend Apps: Techniques & Examples
Sohu Tech Products
Sohu Tech Products
Jul 26, 2023 · Frontend Development

In‑Depth Analysis of LeaferJS Rendering Engine Architecture and Performance

This article examines the architecture, rendering pipeline, update mechanism, and event‑picking strategy of the LeaferJS canvas library, illustrating how its lightweight node creation, selective full‑ and partial‑rendering, and optimized hit‑testing achieve high performance compared with alternatives like Konva.

CanvasJavaScriptLeaferJS
0 likes · 14 min read
In‑Depth Analysis of LeaferJS Rendering Engine Architecture and Performance
ByteFE
ByteFE
Jul 19, 2023 · Frontend Development

Using WebAssembly to Optimize Particle System Performance in Game Engine

This article explores how WebAssembly can be used to optimize the performance of particle system calculations in a game engine, reducing CPU load and improving frame rates by offloading computations to WebAssembly modules.

Game EngineJavaScriptParticle System
0 likes · 14 min read
Using WebAssembly to Optimize Particle System Performance in Game Engine
Spring Full-Stack Practical Cases
Spring Full-Stack Practical Cases
Jul 17, 2023 · Frontend Development

Master 9 Essential JavaScript Techniques: Dynamic Loading, Templates, Reduce, and More

This article walks through nine practical JavaScript patterns—including dynamic script loading, a lightweight template engine, data transformation with reduce, default parameters, one‑time execution, currying, singleton implementation, a simple CommonJS loader, and recursive property access—providing clear code examples for each.

Dynamic LoadingJavaScriptTemplate Engine
0 likes · 11 min read
Master 9 Essential JavaScript Techniques: Dynamic Loading, Templates, Reduce, and More
ByteFE
ByteFE
Jul 17, 2023 · Frontend Development

Understanding WebGL, Its Frameworks, and Performance Optimization Strategies

This article explains what WebGL is, surveys popular 2D and 3D JavaScript frameworks, analyzes large‑scene performance bottlenecks, and presents concrete optimization techniques such as custom GeoJSON compression, fragment reduction, draw‑call batching, mesh merging, LOD, face culling, and Web Workers, concluding with a brief overview of the emerging WebGPU API.

3D graphicsJavaScriptWebGL
0 likes · 24 min read
Understanding WebGL, Its Frameworks, and Performance Optimization Strategies
DaTaobao Tech
DaTaobao Tech
Jul 17, 2023 · Fundamentals

Comprehensive Overview of 23 Design Patterns with Examples and Code

This article provides a systematic, example‑driven guide to all 23 classic design patterns—covering creational, structural, and behavioral types—explaining their intent, real‑world analogies, benefits, and offering clear diagrams and runnable code snippets to illustrate each pattern in practice.

BehavioralCode ExamplesCreational
0 likes · 40 min read
Comprehensive Overview of 23 Design Patterns with Examples and Code
21CTO
21CTO
Jul 16, 2023 · Frontend Development

What’s Driving Web Development in 2023? Key Trends You Must Know

The 2023 web development landscape is shifting toward meta‑frameworks with server‑side rendering, edge‑computing and serverless functions, revived databases, modern JavaScript runtimes, monorepos, utility‑first CSS, end‑to‑end type safety, new build tools, and AI‑assisted coding, reshaping how developers build full‑stack applications.

AIEdge ComputingJavaScript
0 likes · 21 min read
What’s Driving Web Development in 2023? Key Trends You Must Know
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Jul 14, 2023 · Frontend Development

Exploring Modern Frontend Techniques: Micro‑Frontends, Pixi.js, Import Maps & More

This article curates a series of frontend engineering insights, covering request‑optimization strategies, an introduction to micro‑frontends with qiankun, building a custom animated chart as an alternative to ECharts, quick Pixi.js basics, the new JavaScript Import Maps feature, and a brief overview of the Cloud Academy frontend team.

Import MapsJavaScriptfrontend
0 likes · 3 min read
Exploring Modern Frontend Techniques: Micro‑Frontends, Pixi.js, Import Maps & More
Amap Tech
Amap Tech
Jul 13, 2023 · Frontend Development

Implementing Automatic Cruise Navigation on AMap with Three.js

The article walks through building an automatic cruise navigation effect on AMap with Three.js by acquiring route data, merging GeoJSON paths, loading a 3D vehicle model, animating its movement and camera follow using TWEEN, and blending the NPC layer with satellite and 3DTiles layers for a smooth autonomous navigation experience.

AmapAuto NavigationJavaScript
0 likes · 16 min read
Implementing Automatic Cruise Navigation on AMap with Three.js
TAL Education Technology
TAL Education Technology
Jul 13, 2023 · Fundamentals

Understanding Cyclomatic Complexity and Code Quality Metrics

This article explains cyclomatic complexity, its calculation formulas, practical examples, and how to measure and improve code quality using tools like SonarQube, ESLint, and codeMetrics, while also presenting refactoring techniques such as single‑responsibility, open‑closed, polymorphism, early returns, and functional programming to reduce complexity.

JavaScriptSonarQubecode metrics
0 likes · 13 min read
Understanding Cyclomatic Complexity and Code Quality Metrics
Sohu Tech Products
Sohu Tech Products
Jul 12, 2023 · Frontend Development

IndexedDB Overview and Practical Guide for Frontend CRUD Operations

This article provides a comprehensive introduction to IndexedDB, covering its concepts, key objects, versioning, transactions, and CRUD operations with detailed JavaScript examples, enabling developers to quickly build client‑side databases for modern web applications.

CRUDIndexedDBJavaScript
0 likes · 23 min read
IndexedDB Overview and Practical Guide for Frontend CRUD Operations
Python Programming Learning Circle
Python Programming Learning Circle
Jul 12, 2023 · Fundamentals

July 2023 TIOBE Index: C++ Narrows Gap with C and Major Shifts in the Top 20 Programming Languages

The July 2023 TIOBE Index reveals that C++ has almost caught up with C, while JavaScript climbs to a historic high of #6, several languages return to record positions, and the full Top 100 ranking—including a detailed list of languages ranked 51‑100—is presented with trend charts and methodological notes.

JavaScriptSoftware DevelopmentTIOBE
0 likes · 4 min read
July 2023 TIOBE Index: C++ Narrows Gap with C and Major Shifts in the Top 20 Programming Languages
php Courses
php Courses
Jul 5, 2023 · Frontend Development

Understanding var, let, and const in JavaScript

This article explains the differences between JavaScript's var, let, and const declarations, covering their scopes, hoisting behavior, and mutability, and provides clear code examples for each. It also highlights how const variables can still be modified when they hold objects or arrays, helping developers choose the right keyword for reliable code.

JavaScriptVarconst
0 likes · 5 min read
Understanding var, let, and const in JavaScript
TAL Education Technology
TAL Education Technology
Jun 29, 2023 · Frontend Development

Survey of Front‑End Audio Recording Libraries and Browser Compatibility

This article surveys several JavaScript audio‑recording libraries, compares their supported formats, evaluates their performance across browsers, and summarizes front‑end recording techniques—including MediaRecorder, WebRTC + AudioContext, and legacy Flash—while highlighting compatibility issues of major browser engines.

JavaScriptWeb Audio APIaudio recording
0 likes · 13 min read
Survey of Front‑End Audio Recording Libraries and Browser Compatibility
Programmer DD
Programmer DD
Jun 27, 2023 · Operations

Why Firefox Crashes on Linux Image Search: Hidden Kernel & AI Code Bug

Mozilla discovered that Firefox crashes on Linux, especially older Debian‑based distributions, whenever users perform an image search on Google; the issue stems from a recent AI‑generated JavaScript function allocating excessive variables, exposing a Linux kernel stack‑limit bug that was fixed in kernel 4.20.

Browser CrashDebianFirefox
0 likes · 5 min read
Why Firefox Crashes on Linux Image Search: Hidden Kernel & AI Code Bug
21CTO
21CTO
Jun 26, 2023 · Frontend Development

Which Front‑End Framework Dominates 2023? A Deep Dive into the Top 11 Picks

This article reviews the 2023 front‑end framework landscape, summarizing survey data, current trends such as hydration, SPA and JAMstack, and providing detailed descriptions of the eleven most popular frameworks—from React and Angular to Qwik—helping developers choose the right tool for their projects.

2023JavaScriptSPA
0 likes · 15 min read
Which Front‑End Framework Dominates 2023? A Deep Dive into the Top 11 Picks
HelloTech
HelloTech
Jun 26, 2023 · Frontend Development

Introducing Quarkc: A Framework‑Agnostic Web Component Toolkit

Quarkc, the HelloBike‑developed framework‑agnostic web component toolkit, builds native Web Components without hidden magic, letting developers write once and run anywhere across Vue, React, Svelte, Angular and plain HTML, while offering a tiny bundle size, high performance and simple npm‑based setup.

Component LibraryFramework-agnosticFront-end
0 likes · 6 min read
Introducing Quarkc: A Framework‑Agnostic Web Component Toolkit
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Jun 25, 2023 · Frontend Development

Front‑End Mastery: ChatGPT Pair‑Programming, Clean JavaScript, and UI Metrics

This article curates recent front‑end engineering insights, including a ChatGPT‑driven pair‑programming approach using the driver‑observer model, a rapid 200‑line Vue‑like framework built with AI assistance, practical JavaScript code‑cleanliness techniques, strategies for optimistic UI design, and a lightweight method for measuring user‑experience metrics.

ChatGPTJavaScriptUI design
0 likes · 4 min read
Front‑End Mastery: ChatGPT Pair‑Programming, Clean JavaScript, and UI Metrics
21CTO
21CTO
Jun 21, 2023 · Frontend Development

How a Solo Ukrainian Developer Built a Free Photoshop Alternative with Pure JavaScript

This article recounts how Ivan Kutskir spent seven years creating Photopea, a fully client‑side, web‑based Photoshop clone built entirely with JavaScript, detailing his background, development challenges, technical architecture, user growth, monetization strategies, and lessons for aspiring developers.

JavaScriptPhotopeacase study
0 likes · 12 min read
How a Solo Ukrainian Developer Built a Free Photoshop Alternative with Pure JavaScript
政采云技术
政采云技术
Jun 21, 2023 · Frontend Development

Analysis of Common Frontend Issues

This article examines typical frontend development pitfalls—including numeric type quirks, precision loss, function length, object ordering, asynchronous timer inaccuracies, race conditions, CSS positioning, stacking contexts, performance bottlenecks, and compatibility concerns—providing explanations, code examples, and practical mitigation strategies for developers.

AsyncCSSJavaScript
0 likes · 18 min read
Analysis of Common Frontend Issues
Test Development Learning Exchange
Test Development Learning Exchange
Jun 17, 2023 · Frontend Development

Building a Smart XPath Helper Chrome Extension with Python and JavaScript

This tutorial explains how to develop a Chrome extension that assists developers in locating web page elements and generating XPath expressions by outlining the plugin's structure, providing complete configuration files, JavaScript code, HTML/CSS UI, and step‑by‑step instructions for loading and testing the extension.

Chrome ExtensionJavaScriptPython
0 likes · 7 min read
Building a Smart XPath Helper Chrome Extension with Python and JavaScript
php Courses
php Courses
Jun 17, 2023 · Mobile Development

Implementing Voice Functionality in WeChat Mini Programs

This guide explains how to integrate WeChat Mini Program voice capabilities by importing the recorder and audio APIs, recording audio, uploading for speech recognition, and playing back the result, with example code snippets for each step.

JavaScriptVoice APIWeChat Mini Program
0 likes · 3 min read
Implementing Voice Functionality in WeChat Mini Programs
Test Development Learning Exchange
Test Development Learning Exchange
Jun 16, 2023 · Frontend Development

Building a Chrome Extension with Python and Flask for JSON Format Validation

This article provides a step‑by‑step guide to creating a Google Chrome extension using Python and Flask that validates JSON data on the current page, covering prerequisite setup, project structure, manifest configuration, content and background scripts, backend server implementation, and testing procedures.

Chrome ExtensionFlaskJavaScript
0 likes · 8 min read
Building a Chrome Extension with Python and Flask for JSON Format Validation
Test Development Learning Exchange
Test Development Learning Exchange
Jun 15, 2023 · Frontend Development

How to Build a Google Chrome Full-Page Screenshot Extension with Python and Selenium

This article provides a step-by-step guide to creating a Google Chrome extension that captures full-page screenshots, detailing the required project structure, manifest configuration, JavaScript background and content scripts, and a Python Selenium script for automated screenshot capture and saving.

Chrome ExtensionJavaScriptPython
0 likes · 7 min read
How to Build a Google Chrome Full-Page Screenshot Extension with Python and Selenium
php Courses
php Courses
Jun 15, 2023 · Frontend Development

Using Vue.js 3 Teleport to Build Modals, Notifications, and Dialogs

This article explains Vue.js 3's Teleport feature, covering its core concepts and providing step‑by‑step code examples for creating modals and notification components that render outside their original component hierarchy.

JavaScriptNotificationTeleport
0 likes · 6 min read
Using Vue.js 3 Teleport to Build Modals, Notifications, and Dialogs
Test Development Learning Exchange
Test Development Learning Exchange
Jun 14, 2023 · Backend Development

Building a Multi-Type Batch Fake Data Generation Tool with Flask and Vue.js

This tutorial explains how to create a web‑based tool that generates batch mock data of various types—including names, ages, genders, ID numbers, phone numbers, emails, and bank cards—by implementing a Flask backend API and a Vue.js frontend interface, complete with setup, code examples, and deployment steps.

Fake DataFlaskJavaScript
0 likes · 9 min read
Building a Multi-Type Batch Fake Data Generation Tool with Flask and Vue.js
TAL Education Technology
TAL Education Technology
Jun 8, 2023 · Frontend Development

Diagnosing and Fixing Web Page Memory Leaks with Chrome DevTools

This article explains what web page memory leaks are, identifies common sources such as timers, event listeners, closures, and DOM references, and demonstrates step‑by‑step how to locate and resolve them using Chrome DevTools' Performance and Memory panels.

Chrome DevToolsJavaScriptfrontend debugging
0 likes · 8 min read
Diagnosing and Fixing Web Page Memory Leaks with Chrome DevTools
ByteDance Web Infra
ByteDance Web Infra
Jun 8, 2023 · Fundamentals

Modular Programming and Dynamic Linking in JavaScript and WebAssembly

This article explains the principles of modular programming, examines JavaScript and asm.js module systems, and details how WebAssembly extends these concepts with import/export sections and dynamic linking mechanisms, while also reviewing current proposals and future trends for module linking and component models.

JavaScriptModular ProgrammingWebAssembly
0 likes · 28 min read
Modular Programming and Dynamic Linking in JavaScript and WebAssembly
php Courses
php Courses
Jun 7, 2023 · Frontend Development

Using Teleport in Vue.js 3: Concepts and Practical Examples

This article introduces Vue.js 3’s Teleport feature, explains its core concepts such as source, target and props, and provides complete code examples for creating modals and notification panels that are rendered outside the component hierarchy, highlighting the flexibility it brings to frontend development.

JavaScriptNotificationTeleport
0 likes · 9 min read
Using Teleport in Vue.js 3: Concepts and Practical Examples
Huolala Tech
Huolala Tech
Jun 6, 2023 · Frontend Development

How PageSpy Recreates Chrome DevTools Console for Remote Web Debugging

This article explains PageSpy’s design and implementation for a remote web debugging console that mirrors Chrome DevTools, detailing how it handles complex objects, serialization challenges, getters, self‑references, and prototype‑chain inspection using a custom Atom data model.

JavaScriptPageSpyfrontend tools
0 likes · 8 min read
How PageSpy Recreates Chrome DevTools Console for Remote Web Debugging
360 Tech Engineering
360 Tech Engineering
Jun 6, 2023 · Frontend Development

WebRTC MediaStream and RTCPeerConnection API Overview and Usage Guide

This article provides a comprehensive overview of WebRTC’s MediaStream and RTCPeerConnection APIs, covering concepts such as sources, sinks, tracks, device enumeration, media constraints, resolution and bitrate settings, compatibility issues, screen sharing, content hints, and step‑by‑step connection establishment for real‑time communication in browsers.

Browser APIsJavaScriptMediaStream
0 likes · 13 min read
WebRTC MediaStream and RTCPeerConnection API Overview and Usage Guide
php Courses
php Courses
Jun 4, 2023 · Backend Development

Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole

This tutorial demonstrates how to combine Swoole's high‑performance PHP WebSocket server with WebRTC's browser‑based real‑time audio/video capabilities, covering server setup, client media capture, video segmentation with FFmpeg, and complete code examples to build a functional live‑streaming application.

JavaScriptPHPSwoole
0 likes · 6 min read
Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Jun 2, 2023 · Frontend Development

Top Frontend Insights: AI Naming, PDF Chat, Performance Boosts & Hidden JS APIs

This roundup highlights cutting‑edge topics ranging from why AI models are named after alpacas and how to converse with PDFs, to practical front‑end performance gains, an in‑depth webpack resolve walkthrough, ten powerful reduce techniques, and five obscure JavaScript native APIs, plus a brief intro to a leading front‑end team.

APIJavaScriptfrontend
0 likes · 3 min read
Top Frontend Insights: AI Naming, PDF Chat, Performance Boosts & Hidden JS APIs
ByteFE
ByteFE
Jun 2, 2023 · Fundamentals

Modular Programming and Dynamic Linking in WebAssembly and JavaScript

This article explains the principles of modular programming, examines JavaScript and asm.js module systems, details how WebAssembly implements import/export and dynamic linking, and reviews current proposals such as ES Module integration, Module Linking, and Component Model that shape the future of WebAssembly modularity.

JavaScriptModular ProgrammingModule Linking
0 likes · 29 min read
Modular Programming and Dynamic Linking in WebAssembly and JavaScript
Laravel Tech Community
Laravel Tech Community
May 30, 2023 · Frontend Development

Layui Release Notes – New Features, Bug Fixes, and Optimizations

This release note details the latest Layui updates, introducing new global form attributes, numerous bug fixes for checkboxes, tables, and tree tables, as well as performance optimizations across components like layer, laydate, upload, and code, with code snippets illustrating the changes.

JavaScriptfrontendrelease-notes
0 likes · 5 min read
Layui Release Notes – New Features, Bug Fixes, and Optimizations
JD Cloud Developers
JD Cloud Developers
May 18, 2023 · Fundamentals

Master Functional Programming in JavaScript: Currying, Pipe, Compose

This article introduces functional programming fundamentals, showcases common JavaScript scenarios like map/filter/reduce, explains key concepts such as first‑class functions, laziness, pure functions, currying, pipe, and compose, and demonstrates their practical application in a real‑world AgileBI report‑cell configuration system.

ComposeCurryingHigher-Order Functions
0 likes · 9 min read
Master Functional Programming in JavaScript: Currying, Pipe, Compose
Full-Stack Trendsetter
Full-Stack Trendsetter
May 12, 2023 · Frontend Development

ChatGPT Compares React, Vue, and Angular: Pros, Cons, and Choosing the Right Framework

This article presents ChatGPT’s side‑by‑side analysis of React, Vue, and Angular, detailing each framework’s strengths—such as React’s component model, Vue’s low learning curve, and Angular’s full‑stack features—and weaknesses, then advises choosing based on project scale, complexity, and developer experience.

AngularFront-end frameworksJavaScript
0 likes · 4 min read
ChatGPT Compares React, Vue, and Angular: Pros, Cons, and Choosing the Right Framework
Programmer DD
Programmer DD
May 5, 2023 · Databases

Why Deno KV Could Be Your Next Strongly Consistent Key‑Value Database

The article introduces Deno KV, a globally replicated, strongly consistent key‑value database that runs locally with SQLite or in Deno Deploy with FoundationDB, highlights its simple yet powerful JavaScript‑centric API, atomic transactions, consistency models, and provides practical code examples for developers.

Atomic TransactionsDeno KVJavaScript
0 likes · 6 min read
Why Deno KV Could Be Your Next Strongly Consistent Key‑Value Database
360 Tech Engineering
360 Tech Engineering
Apr 27, 2023 · Frontend Development

Guide to Developing Chrome Extensions with Manifest V3

This article explains the fundamentals of Chrome extension development using Manifest V3, covering concepts such as the manifest file, service workers, content scripts, UI pages, and provides step‑by‑step code examples to build a color‑extraction extension.

Chrome ExtensionContent ScriptJavaScript
0 likes · 14 min read
Guide to Developing Chrome Extensions with Manifest V3
JavaScript
JavaScript
Apr 27, 2023 · Frontend Development

Master Real-Time Frontend: Long Polling vs Server-Sent Events Explained

Explore how long polling and Server‑Sent Events enable real‑time data exchange in front‑end development, comparing their principles, advantages, drawbacks, and providing practical JavaScript examples to help you choose the optimal technique for your application.

JavaScriptServer-Sent Eventsfrontend development
0 likes · 5 min read
Master Real-Time Frontend: Long Polling vs Server-Sent Events Explained
Sohu Tech Products
Sohu Tech Products
Apr 26, 2023 · Fundamentals

Understanding JavaScript Generators: Basics, Syntax, and Advanced Usage

JavaScript Generators, introduced in ES6, allow functions to pause and resume execution, yielding multiple values; this article explains their syntax, basic usage, advanced features like yield* and data exchange, and demonstrates practical scenarios such as asynchronous flow control, memory-efficient data processing, and state machine implementation.

AsyncJavaScriptYield
0 likes · 11 min read
Understanding JavaScript Generators: Basics, Syntax, and Advanced Usage
php Courses
php Courses
Apr 21, 2023 · Backend Development

Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole

This article demonstrates how to combine Swoole's high‑performance WebSocket server with WebRTC to create a real‑time audio/video live streaming application, covering server setup, client media capture, video segmenting with FFmpeg, and providing complete code examples for each step.

JavaScriptPHPSwoole
0 likes · 6 min read
Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole
ByteFE
ByteFE
Apr 19, 2023 · Frontend Development

9 Useful JavaScript Tricks and Code Snippets for Frontend Development

This article presents nine practical JavaScript techniques—including dynamic script loading, a lightweight template engine, array grouping with reduce, default parameters, single‑execution wrappers, currying, the singleton pattern, a simple CommonJS implementation, and recursive property access—each illustrated with clear code examples for front‑end developers.

CodeSnippetsJavaScriptProgrammingTips
0 likes · 13 min read
9 Useful JavaScript Tricks and Code Snippets for Frontend Development
ByteFE
ByteFE
Apr 17, 2023 · Frontend Development

rrweb: A Deep Dive into Web Page Recording and Replay Mechanism

rrweb is an open-source library that records web page DOM changes as JSON arrays instead of video streams, enabling precise replay of user interactions without compression artifacts or storage overhead.

DOM recordingJavaScriptMutationObserver
0 likes · 20 min read
rrweb: A Deep Dive into Web Page Recording and Replay Mechanism
360 Quality & Efficiency
360 Quality & Efficiency
Apr 14, 2023 · Frontend Development

Implementing a Resizable, Drag‑Drop Gantt Chart Component with Vue 3

This article explains how to build a full‑featured Gantt chart in Vue 3, covering the UI layout with left‑hand tree panels and right‑hand timeline, synchronization of scrolling and state, draggable and resizable task bars, date‑generation utilities for various time scales, and performance considerations for large data sets.

Drag-and-DropGantt ChartJavaScript
0 likes · 16 min read
Implementing a Resizable, Drag‑Drop Gantt Chart Component with Vue 3
TAL Education Technology
TAL Education Technology
Apr 13, 2023 · Frontend Development

A Simple Introduction to WebGL for Frontend Visualization

This article provides a comprehensive introduction to WebGL, covering its relationship with OpenGL ES, differences from Canvas and SVG, performance comparisons, step‑by‑step code examples for drawing points, squares and shaders, and explains the complete rendering pipeline for front‑end developers.

CanvasGraphicsJavaScript
0 likes · 15 min read
A Simple Introduction to WebGL for Frontend Visualization
ByteFE
ByteFE
Apr 12, 2023 · Frontend Development

Design and Refactoring of the xGis 3D Map Event System and Picking Engine

This article details the background, problems, and comprehensive refactoring plan for the xGis web‑based 3D map library, covering event classification, API design, layer interaction proxy, CPU/GPU picking implementations, performance trade‑offs, and future optimization directions.

3D mappingCPUGPU
0 likes · 22 min read
Design and Refactoring of the xGis 3D Map Event System and Picking Engine
php Courses
php Courses
Apr 12, 2023 · Frontend Development

2023 Popular Front-End UI Frameworks: Overview and Comparison

This article explains what front‑end UI frameworks are, why they are useful, and presents a detailed list of the ten most popular domestic UI frameworks in 2023—including Element Plus, Ant Design, Naive UI, View UI Plus, Vant, LayUI, Bootstrap, and WeUI—while advising developers on how to choose the right one for their projects.

JavaScriptReactUI framework
0 likes · 6 min read
2023 Popular Front-End UI Frameworks: Overview and Comparison
Tuanzi Tech Team
Tuanzi Tech Team
Apr 12, 2023 · Frontend Development

How to Launch a Desktop App from a Web Page Using Custom URL Protocols

This guide explains how to register a custom URL protocol in Windows, create the necessary registry entries, and use HTML links or clipboard communication to securely launch a desktop application from a web page, including handling success, failure, and fallback download flows.

Client LaunchClipboardJSJavaScript
0 likes · 7 min read
How to Launch a Desktop App from a Web Page Using Custom URL Protocols
JavaScript
JavaScript
Apr 11, 2023 · Frontend Development

10 Common JavaScript Pitfalls and How to Avoid Them

Discover the ten most frequent JavaScript mistakes—from implicit type coercion and var scoping issues to DOM inefficiencies, prototype modifications, global variables, missing semicolons, improper loops, NaN comparisons, eval usage, ignored error handling, and this binding pitfalls—and learn best practices to write safer, more maintainable code.

JavaScriptcoding-errorscommon pitfalls
0 likes · 10 min read
10 Common JavaScript Pitfalls and How to Avoid Them
JD Cloud Developers
JD Cloud Developers
Apr 10, 2023 · Frontend Development

A Decade of Frontend Evolution: From HTML to AI-Powered Web Apps

This article chronicles ten years of frontend development, covering the rise of HTML5, CSS3, JavaScript frameworks, build tools, PWA performance, web components, security challenges, essential developer skills, and the emerging fusion of AI with modern web technologies.

AIHTML5JavaScript
0 likes · 32 min read
A Decade of Frontend Evolution: From HTML to AI-Powered Web Apps
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Apr 7, 2023 · Frontend Development

Essential Frontend Techniques & Architecture Trends for Modern Development

This article curates recent front‑end topics—including HTTP Range resumable downloads, H5 app invocation, automation testing adoption, new JavaScript/TypeScript features, Chrome 112 updates, the history of Signals, and industry viewpoints—providing concise insights for developers seeking to stay current.

JavaScriptWeb Developmentbrowser updates
0 likes · 4 min read
Essential Frontend Techniques & Architecture Trends for Modern Development
58 Tech
58 Tech
Apr 6, 2023 · Frontend Development

Understanding and Using PerformanceObserver for Web Performance Metrics

PerformanceObserver, part of the W3C Performance Timeline API, enables developers to efficiently monitor key web performance metrics such as FP, FCP, LCP, CLS, and FID without polling, and the article explains its background, usage, methods, code examples, related PerformanceEntry types, and browser compatibility.

JavaScriptPerformance APIWeb Performance
0 likes · 12 min read
Understanding and Using PerformanceObserver for Web Performance Metrics
Selected Java Interview Questions
Selected Java Interview Questions
Apr 1, 2023 · Frontend Development

Creating a Chrome Extension to Copy Image Alt Text Using GPT‑Generated JavaScript

The article describes how the author leveraged GPT‑4 to generate JavaScript bookmarklet code, troubleshoot errors, and ultimately build a Chrome extension named “image‑alt‑copier” that extracts and copies alt text from Midjourney images, illustrating low‑bar entry into web development.

Chrome ExtensionGPT-4JavaScript
0 likes · 4 min read
Creating a Chrome Extension to Copy Image Alt Text Using GPT‑Generated JavaScript
Sohu Tech Products
Sohu Tech Products
Mar 29, 2023 · Backend Development

Comprehensive Guide to Packaging JavaScript Libraries: ESM, CJS, UMD and Best Practices

This guide provides clear, practical recommendations for packaging JavaScript libraries—including outputting ESM, CJS and UMD formats, handling multi‑file builds, code compression, sourcemaps, TypeScript typings, external frameworks, modern browser support, and essential package.json fields—so developers can create robust, tree‑shakable, and well‑documented npm packages.

CJSESMJavaScript
0 likes · 20 min read
Comprehensive Guide to Packaging JavaScript Libraries: ESM, CJS, UMD and Best Practices
ELab Team
ELab Team
Mar 27, 2023 · Frontend Development

How SourceMaps Work: Decoding VLQ and Babel’s Generation Process

This article explains the purpose and format of JavaScript SourceMaps, details the VLQ‑based encoding of the mappings field, and walks through how tools like webpack and Babel generate SourceMaps to map transformed code back to the original source for effective debugging.

JavaScriptSourceMapVLQ
0 likes · 17 min read
How SourceMaps Work: Decoding VLQ and Babel’s Generation Process
Java High-Performance Architecture
Java High-Performance Architecture
Mar 23, 2023 · Artificial Intelligence

Build Your Own ChatGPT-Powered Chatbot with JavaScript and Spring Boot

This guide walks you through creating a personal ChatGPT chatbot by first setting up an OpenAI account and API key, then demonstrating how to call the completions endpoint using plain JavaScript and HTML, followed by integrating the same API into a Spring Boot application with the official Java client library, including all necessary code snippets and configuration steps.

ChatGPTJavaScriptOpenAI API
0 likes · 9 min read
Build Your Own ChatGPT-Powered Chatbot with JavaScript and Spring Boot
ByteFE
ByteFE
Mar 22, 2023 · Fundamentals

Understanding URL Query Strings: Encoding, Libraries, and Best Practices

This article explains URL query string fundamentals, covering structure, percent-encoding, space handling, and compares JavaScript libraries qs, query-string, and URLSearchParams for parsing and stringifying query data in web and Node.js projects today.

JavaScriptNode.jsQueryString
0 likes · 18 min read
Understanding URL Query Strings: Encoding, Libraries, and Best Practices
JD Cloud Developers
JD Cloud Developers
Mar 22, 2023 · Frontend Development

How to Detect and Prevent JavaScript Memory Leaks in Frontend Apps

Understanding JavaScript memory management, this guide explains the fundamentals of memory allocation, usage, and garbage collection, outlines common leak scenarios such as global variables, timers, event listeners, and data structures, and provides practical techniques and tools for detecting, diagnosing, and fixing memory leaks in web applications.

JavaScriptfrontendmemory leak
0 likes · 15 min read
How to Detect and Prevent JavaScript Memory Leaks in Frontend Apps
21CTO
21CTO
Mar 22, 2023 · Frontend Development

8 Must‑Try JavaScript Notification Libraries to Boost Your Web UI

This article reviews eight popular JavaScript notification libraries, comparing their features, popularity, and installation methods, to help developers choose the most suitable solution for enhancing user experience with timely in‑app messages.

JavaScriptLibraryNotification
0 likes · 12 min read
8 Must‑Try JavaScript Notification Libraries to Boost Your Web UI