BestHub
Sign in
Tagged articles

frontend development

802 articles · Page 4 of 9
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Apr 13, 2023 · Frontend Development

Why TypeScript Is Essential for Modern Frontend Development – A Complete Guide

This article explains the rapid rise of TypeScript in front‑end engineering, outlines its four key benefits, provides a five‑minute crash course on basic types, functions, arrays, interfaces, generics and Vue integration, and offers a step‑by‑step guide for converting existing JavaScript projects to TypeScript while inviting developers to join the TinyVue open‑source community.

JavaScript MigrationTypeScriptVue
0 likes · 20 min read
Why TypeScript Is Essential for Modern Frontend Development – A Complete Guide
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 13, 2023 · Frontend Development

What Is MorJS and How It Enables One-Code Multi-Platform Mini‑Program Development

MorJS is an open‑source, extensible framework that lets developers write a single mini‑program using a native DSL and compile it into deployable artifacts for multiple platforms—including WeChat, Alipay, Baidu, ByteDance, DingTalk, Kuaishou, QQ, Taobao, and H5—while offering plugins, form conversion, and H5 integration.

MorJScross-platform compilationfrontend development
0 likes · 13 min read
What Is MorJS and How It Enables One-Code Multi-Platform Mini‑Program Development
政采云技术
政采云技术
Apr 12, 2023 · Frontend Development

ZRender and ECharts: A Comprehensive Guide to 2D Graphics Rendering

This article provides an in-depth exploration of ZRender, a lightweight 2D graphics rendering engine, and its relationship with ECharts, covering installation, basic usage, drawing shapes, interactive effects, and practical applications.

2D GraphicsCanvas RenderingData Visualization
0 likes · 10 min read
ZRender and ECharts: A Comprehensive Guide to 2D Graphics Rendering
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
Qborfy AI
Qborfy AI
Apr 6, 2023 · Frontend Development

How to Build a Vue‑Powered Chrome Extension with Vite and Rollup

This guide walks through creating a Chrome extension using Vue and Vite, covering project initialization, multi‑entry Rollup configuration for background scripts, UI development with tdesign‑vue‑next, debugging hash‑related loading issues, and final deployment steps.

Chrome extensionRollupVite+
0 likes · 8 min read
How to Build a Vue‑Powered Chrome Extension with Vite and Rollup
Baidu Geek Talk
Baidu Geek Talk
Apr 6, 2023 · Frontend Development

How to Build a Fast Custom WebAssembly Frame Extraction with FFmpeg

This article explains a WebAssembly‑based video frame extraction technique that replaces the traditional canvas approach by compiling FFmpeg to Wasm, running it in a Web Worker, and using a key‑frame‑first strategy to deliver high‑quality cover images with lower latency and a dramatically smaller bundle size.

Custom CompilationFFmpegVideo Frame Extraction
0 likes · 20 min read
How to Build a Fast Custom WebAssembly Frame Extraction with FFmpeg
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
ByteFE
ByteFE
Mar 29, 2023 · Frontend Development

An Introduction to WebAssembly: History, Advantages, and a Mandelbrot Demo

This article introduces WebAssembly, tracing its evolution from asm.js and NaCl to the modern binary format, outlines its performance, portability, and security benefits, and demonstrates its practical use by building a Mandelbrot set application with AssemblyScript and WebAssembly in the browser.

AssemblyScriptMandelbrotPerformance
0 likes · 20 min read
An Introduction to WebAssembly: History, Advantages, and a Mandelbrot Demo
Huolala Tech
Huolala Tech
Mar 28, 2023 · Frontend Development

How to Optimize React Context to Prevent Unnecessary Re‑renders

Learn how to effectively use React Context for state management, avoid props drilling, and eliminate redundant re‑renders by implementing a custom publish‑subscribe store, selector hooks, and performance optimizations similar to libraries like zustand.

ContextPerformance OptimizationPublish‑Subscribe
0 likes · 11 min read
How to Optimize React Context to Prevent Unnecessary Re‑renders
21CTO
21CTO
Mar 20, 2023 · Frontend Development

What’s New in TypeScript 5.0? 50+ Features Boost Speed and Simplicity

TypeScript 5.0 arrives with over 50 new features—including decorators, enhanced ESM support, and expanded JSDoc—while optimizing memory, performance, and bundle size, making the language smaller, simpler, and faster for most developers.

ESMJSDocJavaScript
0 likes · 3 min read
What’s New in TypeScript 5.0? 50+ Features Boost Speed and Simplicity
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 13, 2023 · Frontend Development

Understanding Plugin Systems: Concepts, Types, and Implementation in Front‑end Development

The article explains plugin systems by likening them to interchangeable vacuum‑cleaner heads, outlines their benefits, defines core‑and‑plugin architecture, describes four plugin styles with code examples, and demonstrates building a minimal front‑end calculator plugin framework that emphasizes a stable core and extensible modules.

Design PatternsJavaScriptPlugin System
0 likes · 19 min read
Understanding Plugin Systems: Concepts, Types, and Implementation in Front‑end Development
php Courses
php Courses
Mar 10, 2023 · Frontend Development

Differences Between Vue 2 and Vue 3: Reactivity, Runtime, Compiler, and New Features

The article explains how Vue 3 improves upon Vue 2 by replacing Object.defineProperty with Proxy for reactivity, introducing a refined runtime renderer, a compiler that transforms templates into render functions, and new features such as the Composition API, script setup, and built‑in components like Fragment and Teleport.

Composition APIReactivityVue
0 likes · 6 min read
Differences Between Vue 2 and Vue 3: Reactivity, Runtime, Compiler, and New Features
Laravel Tech Community
Laravel Tech Community
Mar 8, 2023 · Frontend Development

Google Chrome 111 Introduces Improved Download UI, View Transitions API, Automatic Permission Revocation, and New Document Picture-in-Picture API

Chrome 111, released a month after Chrome 110, brings a refined download bubble UI, a numeric download count, smoother page transition support via the View Transitions API, automatic revocation of unused site permissions, and a new Document Picture-in-Picture API for richer web experiences.

ChromeView TransitionsWeb APIs
0 likes · 3 min read
Google Chrome 111 Introduces Improved Download UI, View Transitions API, Automatic Permission Revocation, and New Document Picture-in-Picture API
HomeTech
HomeTech
Mar 8, 2023 · Frontend Development

Top Core Web Vitals Recommendations for 2023: Optimizing LCP, CLS, FID, and INP

This article outlines Google's most impactful 2023 recommendations for improving Core Web Vitals—Largest Contentful Paint, Cumulative Layout Shift, First Input Delay, and Interaction to Next Paint—providing practical, high‑priority techniques such as ensuring LCP resources are discoverable, prioritized, and optimizing TTFB, CLS, and JavaScript performance.

CLSFIDINP
0 likes · 22 min read
Top Core Web Vitals Recommendations for 2023: Optimizing LCP, CLS, FID, and INP
ByteFE
ByteFE
Feb 13, 2023 · Frontend Development

Understanding ESLint: Principles, Configuration, AST, and Custom Rule Development

This article explains the fundamentals of ESLint, including its purpose, configuration files, AST-based analysis, the SourceCode abstraction, rule template creation, key functions, and the overall linting and fixing workflow, enabling developers to build custom linting plugins for consistent code style.

ASTCode styleCustom Rules
0 likes · 14 min read
Understanding ESLint: Principles, Configuration, AST, and Custom Rule Development
Architecture & Thinking
Architecture & Thinking
Feb 9, 2023 · Frontend Development

Unlock Micro‑Frontend Power: How Module Federation Simplifies Shared Modules

This article introduces the concept and motivation behind Webpack's Module Federation, explains host and remote roles, outlines practical use cases such as micro‑frontend architecture and resource sharing, and provides a step‑by‑step code walkthrough—including configuration, shared dependencies, and runtime loading—to help developers quickly adopt this decentralized module‑sharing technique.

Micro FrontendsModule Federationfrontend development
0 likes · 8 min read
Unlock Micro‑Frontend Power: How Module Federation Simplifies Shared Modules
JD Retail Technology
JD Retail Technology
Feb 9, 2023 · Frontend Development

MicroApp V1.0.0‑rc Release: Core Architecture, High‑Performance Sandbox, New Configurations, and Real‑World Use Cases

The MicroApp V1.0.0‑rc release introduces a component‑based micro‑frontend solution with a custom WebComponent‑like architecture, a virtual routing system, a high‑performance sandbox that leverages caching and decoupling, extensive performance benchmarks, new configuration options, lifecycle listeners, and a practical JD marketing‑center case study.

JavaScriptfrontend developmentmicro‑frontend
0 likes · 11 min read
MicroApp V1.0.0‑rc Release: Core Architecture, High‑Performance Sandbox, New Configurations, and Real‑World Use Cases
DaTaobao Tech
DaTaobao Tech
Feb 6, 2023 · Frontend Development

WebAssembly Overview and Rust Development Guide

This article introduces WebAssembly’s efficient, safe, open standards and LLVM‑based compilation pipeline, then guides Rust developers through installing tools, writing and binding simple functions, optimizing performance and bundle size, and explores tooling, runtimes, real‑world use cases, current limitations, and future extensions such as WASI, SIMD, and threads.

LLVMPerformance OptimizationRust
0 likes · 30 min read
WebAssembly Overview and Rust Development Guide
ByteFE
ByteFE
Feb 1, 2023 · Frontend Development

What Is a Progressive Web App (PWA) – Features, Use Cases, and the Situation in China

This article explains what Progressive Web Apps (PWAs) are, outlines their key characteristics such as cross‑device adaptability, fast loading, offline capability, security and installability, and discusses real‑world examples, Chinese market challenges, and the potential of PWA games.

App ManifestPWAProgressive Web Apps
0 likes · 13 min read
What Is a Progressive Web App (PWA) – Features, Use Cases, and the Situation in China
KooFE Frontend Team
KooFE Frontend Team
Jan 28, 2023 · Frontend Development

Redesigning Excalidraw’s Component API: From Render Props to Child Components

The article explains how Excalidraw’s new component API replaces render props with a child‑component approach, introduces customizable MainMenu, Footer, and WelcomeScreen components, provides code examples, and discusses the benefits and limitations of this redesign for developers building custom whiteboard applications.

ExcalidrawReActUI customization
0 likes · 10 min read
Redesigning Excalidraw’s Component API: From Render Props to Child Components
Java High-Performance Architecture
Java High-Performance Architecture
Jan 19, 2023 · Backend Development

Explore a Complete Graduation Project Selection System: Backend & Frontend Architecture

This article introduces a streamlined graduation project selection system supporting teachers, students, and administrators, detailing its backend and frontend architectures, core modules such as login, registration, topic selection, and management features, and explains how to obtain the full source code.

frontend developmentgraduation projectsystem architecture
0 likes · 4 min read
Explore a Complete Graduation Project Selection System: Backend & Frontend Architecture
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jan 13, 2023 · Frontend Development

TypeScript Dictionary Factory Function with Type Hints

The article introduces a TypeScript dictionary factory that, using generics and `as const` assertions, converts a single source definition into multiple strongly‑typed representations (KV, VK, list, maps), eliminating duplication and keeping business dictionaries synchronized while providing full IntelliSense, albeit with some TypeScript‑only limitations.

Conditional TypesMapped TypesTypeScript
0 likes · 13 min read
TypeScript Dictionary Factory Function with Type Hints
Java Backend Technology
Java Backend Technology
Jan 11, 2023 · Frontend Development

Master uni-app: Build Cross‑Platform Apps with One Codebase

This guide introduces uni-app—a Vue‑based framework that lets developers write a single codebase and deploy to iOS, Android, H5, and various mini‑programs—covers its key advantages, environment setup with HBuilder X or vue‑cli, project creation, platform‑specific building, Flex layout, and background‑image handling.

FlexboxVuecross-platform
0 likes · 19 min read
Master uni-app: Build Cross‑Platform Apps with One Codebase
21CTO
21CTO
Dec 30, 2022 · Frontend Development

Can Rust Revolutionize Frontend Development with WebAssembly?

This article explores how Rust’s safety, performance, and WebAssembly integration make it a compelling option for modern frontend development, highlighting industry insights, real‑world use cases, and the language’s growing popularity among developers.

RustWebAssemblyfrontend development
0 likes · 5 min read
Can Rust Revolutionize Frontend Development with WebAssembly?
Programmer DD
Programmer DD
Dec 30, 2022 · Frontend Development

How Firefox’s New Accessibility Engine Supercharges Performance

The article explains how Firefox redesigned its accessibility engine—moving from a complex, multi‑process architecture to an asynchronous, cache‑driven model—to dramatically speed up screen‑reader interactions, cut thousands of lines of code, and roll out the improvements across Windows and Linux browsers.

Browser architectureFirefoxfrontend development
0 likes · 6 min read
How Firefox’s New Accessibility Engine Supercharges Performance
Zhaori User Experience
Zhaori User Experience
Dec 23, 2022 · Frontend Development

Mastering Filter Design: Boost User Efficiency in B2B Interfaces

This guide explores the principles, types, feedback mechanisms, and best practices of filter components in B2B product design, illustrating how precise and fuzzy search, dropdowns, matrix, tab, and combined filters can improve data discovery while addressing usability trade‑offs.

B2B interfaceUI/UXfilter design
0 likes · 12 min read
Mastering Filter Design: Boost User Efficiency in B2B Interfaces
vivo Internet Technology
vivo Internet Technology
Dec 21, 2022 · Frontend Development

Low‑Code Platform Practices at vivo: Front‑Back End Separation, Custom Rendering Engine, and Visual Configuration

Vivo’s Houyi low‑code platform separates front‑ and back‑end, uses a self‑built JSON‑schema rendering engine, offers drag‑and‑drop visual configuration, scales to trillion‑level content delivery with sharded MongoDB and Redis, and seamlessly coexists with traditional code through iframe and SDK extensions.

Content DeliveryPlatform Architecturebackend separation
0 likes · 17 min read
Low‑Code Platform Practices at vivo: Front‑Back End Separation, Custom Rendering Engine, and Visual Configuration
Alipay Experience Technology
Alipay Experience Technology
Dec 16, 2022 · Frontend Development

Unlocking Progressive State Management with Zustand – Is There a Silver Bullet?

This article walks through using the Zustand state‑management library in a complex React component, covering store initialization, actions, selectors, modular file structure, handling controlled vs uncontrolled modes, performance optimizations, and devtools integration, while sharing practical tips and code examples for scalable frontend development.

Controlled ComponentsReActZustand
0 likes · 30 min read
Unlocking Progressive State Management with Zustand – Is There a Silver Bullet?
Tencent Cloud Developer
Tencent Cloud Developer
Dec 13, 2022 · Mobile Development

How to Develop a ChatGPT WeChat Mini Program: A Step-by-Step Guide

This step‑by‑step guide walks developers through creating a ChatGPT‑powered WeChat mini program—from obtaining a mini‑program account and OpenAI API key, setting up the WXML/WXSS/JS project structure, integrating WeUI components, building a Node‑Egg backend, configuring Tencent Cloud API Gateway, to uploading, reviewing, and publishing the app.

AI chatbotBackend IntegrationChatGPT integration
0 likes · 10 min read
How to Develop a ChatGPT WeChat Mini Program: A Step-by-Step Guide
php Courses
php Courses
Dec 1, 2022 · Frontend Development

Applying a Black-and-White CSS Filter to a Website

This article explains how to add a simple CSS snippet that applies a full-page grayscale filter, turning a website black-and-white, including the code, usage instructions, and notes on compatibility and alternative JavaScript methods.

CSSfrontend developmentgrayscale
0 likes · 3 min read
Applying a Black-and-White CSS Filter to a Website
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 28, 2022 · Frontend Development

Understanding Vite’s Core Design and Implementation: Server Startup, Pre‑bundling, and HMR

This article explores Vite’s evolution and core architecture, detailing how it improves development server startup time, performs dependency pre‑bundling with esbuild, creates the dev server, handles HTML injection, and implements fast hot‑module replacement through WebSocket communication.

ESMHot Module ReplacementPre‑bundling
0 likes · 12 min read
Understanding Vite’s Core Design and Implementation: Server Startup, Pre‑bundling, and HMR
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Nov 26, 2022 · Frontend Development

Essential Front-End Tech & Architecture Insights: Storage, Configs, Performance, Design

This curated guide explores key front-end topics—including unified browser storage APIs, comprehensive engineering configuration practices, deep dives into exception handling and performance optimization, essential packet-capture techniques, impactful micro-copy design, and a personal four-year front-end development journey—providing practical insights for modern web developers.

Engineering PracticesPerformance OptimizationWeb Storage
0 likes · 4 min read
Essential Front-End Tech & Architecture Insights: Storage, Configs, Performance, Design
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 24, 2022 · Frontend Development

Debugging React Source Code with Webpack Alias and Custom CRA Configuration

This guide walks through creating a React app, downloading the React source, building it, linking the packages, configuring webpack aliases, fixing import paths, disabling ESLint, adjusting environment variables, and resolving internal React errors so you can edit and debug the original React source directly in the browser.

ReActcreate-react-appdebugging
0 likes · 11 min read
Debugging React Source Code with Webpack Alias and Custom CRA Configuration
ByteFE
ByteFE
Nov 16, 2022 · Frontend Development

React17 Event Mechanism Deep Dive: Propagation, Binding, and Delegation

This article explains React17's event mechanism changes compared to React16, covering event propagation phases, binding methods like inline HTML, DOM0, and addEventListener, event delegation for efficient handling, and browser event differences.

Event PropagationReActReact17
0 likes · 24 min read
React17 Event Mechanism Deep Dive: Propagation, Binding, and Delegation
ByteFE
ByteFE
Nov 4, 2022 · Frontend Development

Turbopack vs Vite: A Comparative Analysis of Performance

The article examines Turbopack's claimed performance advantages over Vite, critiques marketing-driven comparisons in open-source tools, and emphasizes the need for transparent, peer-reviewed evaluations in frontend development.

CSS GridDockerPerformance Optimization
0 likes · 4 min read
Turbopack vs Vite: A Comparative Analysis of Performance
Weimob Technology Center
Weimob Technology Center
Oct 27, 2022 · Fundamentals

Mastering Design Patterns: Essential Concepts and Real-World Frontend Examples

This article introduces design patterns, explains their origins and core principles, and demonstrates how common patterns such as Publish‑Subscribe, Strategy, Adapter, Proxy, Chain of Responsibility, and Singleton can be applied in frontend development with practical code examples and usage guidelines.

Design Patternsfrontend developmentsoftware architecture
0 likes · 19 min read
Mastering Design Patterns: Essential Concepts and Real-World Frontend Examples
Alibaba Terminal Technology
Alibaba Terminal Technology
Oct 21, 2022 · Frontend Development

How GaiaX Transforms Cross‑Platform UI Development and Boosts Efficiency

GaiaX, an open‑source cross‑platform template engine created by Alibaba’s Youku team, tackles multi‑device UI component development bottlenecks by introducing a DSL‑based native rendering approach, dynamic updates, containerization, and tooling that together streamline design‑to‑code workflows and improve development efficiency.

GaiaXUI templatescross-platform
0 likes · 19 min read
How GaiaX Transforms Cross‑Platform UI Development and Boosts Efficiency
ELab Team
ELab Team
Oct 20, 2022 · Frontend Development

Build Immersive Web VR Panoramas with Three.js: A Step‑by‑Step Guide

This article explains the fundamentals of virtual reality, the WebGL and OpenGL APIs, and demonstrates how to create interactive VR panoramas for houses and cars using three.js, covering scene setup, cameras, renderers, geometry, textures, materials, lighting, and user interaction with concise code examples.

3D graphicsThree.jsVR Panorama
0 likes · 24 min read
Build Immersive Web VR Panoramas with Three.js: A Step‑by‑Step Guide
JD Tech
JD Tech
Oct 13, 2022 · Frontend Development

Automatic Design Draft Recognition and Floor Generation in the Tongtian Tower Platform

This article describes how the Tongtian Tower platform breaks traditional R&D barriers by enabling zero‑code, one‑click conversion of design drafts into production‑ready floor layouts, detailing the underlying architecture, data processing pipeline, core capabilities, challenges faced, and future optimization plans.

Data ProcessingNo-codePlatform Architecture
0 likes · 10 min read
Automatic Design Draft Recognition and Floor Generation in the Tongtian Tower Platform
Taobao Frontend Technology
Taobao Frontend Technology
Oct 13, 2022 · Cloud Computing

How FaaS Transformed Frontend Development at Alibaba’s Taobao

Since 2019, Alibaba’s Big Taobao team has pioneered FaaS adoption across multiple business scenarios, sharing why, what, and how they migrated front‑end‑centric data‑assembly logic to serverless functions, detailing architectural changes, benefits, migration strategies, stability measures, and low‑code tooling insights.

FaaSServerlessfrontend development
0 likes · 13 min read
How FaaS Transformed Frontend Development at Alibaba’s Taobao
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 12, 2022 · Frontend Development

Implementing a Simple Micro‑Application Loader with Qiankun: Code Walkthrough and Sandbox Isolation

This tutorial demonstrates how to build a lightweight function that loads a micro‑application by fetching its HTML, converting external CSS links to inline styles, applying scoped CSS isolation, executing JavaScript within a snapshot sandbox, and discusses entry‑point handling, isolation limitations, and routing integration.

JavaScriptcss isolationfrontend development
0 likes · 13 min read
Implementing a Simple Micro‑Application Loader with Qiankun: Code Walkthrough and Sandbox Isolation
HelloTech
HelloTech
Oct 9, 2022 · Frontend Development

Understanding Vue2 and Vue3 Diff Algorithms: Core Principles and Process

The article explains how Vue 2’s diff algorithm uses head‑to‑tail comparisons and a key‑to‑index map to patch, add, or remove nodes, while Vue 3 improves efficiency by building a key‑to‑new‑index map, computing the longest increasing subsequence, and moving only non‑LIS nodes, reducing DOM operations.

Diff AlgorithmJavaScriptVirtual DOM
0 likes · 22 min read
Understanding Vue2 and Vue3 Diff Algorithms: Core Principles and Process
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 29, 2022 · Frontend Development

Deep Dive into Vue Router 4: createWebHistory, Web History API, and Source Code Analysis

This article explains how Vue Router 4 leverages the HTML5 Web History API through createWebHistory, detailing pushState/replaceState mechanics, server fallback handling, TypeScript definitions, the four‑step creation process, listener implementation, and comparisons with hash and memory histories, all illustrated with real source code.

JavaScriptVue RouterWeb History API
0 likes · 20 min read
Deep Dive into Vue Router 4: createWebHistory, Web History API, and Source Code Analysis
政采云技术
政采云技术
Sep 27, 2022 · Frontend Development

Understanding WebAssembly: A Deep Dive into Its Concepts and Applications

WebAssembly (Wasm) is a binary instruction format for a stack-based virtual machine, designed as a portable compilation target for programming languages, enabling deployment on the web for client and server applications. It offers high efficiency, safety, openness, and standardization, allowing programs to run with near-native performance in web browsers. Wasm addresses the limitations of JavaScript, such as dynamic typing, by providing a more efficient and secure execution environment. It has applications in various scenarios, including AutoCAD, and can be used to extend functionalities in platforms like Envoy.

AutoCADEnvoyJavaScript optimization
0 likes · 10 min read
Understanding WebAssembly: A Deep Dive into Its Concepts and Applications
37 Interactive Technology Team
37 Interactive Technology Team
Sep 26, 2022 · Frontend Development

Web Push Notification Implementation with Firebase

This guide details how to implement web push notifications with Firebase, explaining the underlying push principles, step‑by‑step project setup—including service‑worker registration, token management, and message handling for both notification and data payloads—while also addressing common issues such as service‑worker updates, cross‑browser compatibility, and permission management.

Notification APIPush ServiceService Worker
0 likes · 12 min read
Web Push Notification Implementation with Firebase
ByteFE
ByteFE
Sep 23, 2022 · Frontend Development

Curated Technical Articles: Productivity, Memory Leak Detection, Rust Challenges, Frontend Innovations, and More

This curated collection presents insights on engineering productivity, JavaScript memory leak detection with MemLab, Rust's top challenges, V8 execution, advanced frontend tools like Lath and Plasmo, Playwright component testing, senior engineering perspectives, and practical guides on proxy patterns and Babel plugins.

JavaScriptMemory LeakRust
0 likes · 7 min read
Curated Technical Articles: Productivity, Memory Leak Detection, Rust Challenges, Frontend Innovations, and More
ByteFE
ByteFE
Sep 19, 2022 · Frontend Development

Comprehensive Guide to Babel: History, Configuration, Plugins, Presets, Runtime and Webpack Integration

This article provides an in‑depth overview of Babel, covering its origins, core purpose as a JavaScript compiler, configuration file options, plugin and preset usage, runtime optimization, integration with webpack, and the underlying parsing‑transform‑generation pipeline illustrated with a simple compiler example.

BabelJavaScriptPresets
0 likes · 30 min read
Comprehensive Guide to Babel: History, Configuration, Plugins, Presets, Runtime and Webpack Integration
ByteDance Web Infra
ByteDance Web Infra
Sep 8, 2022 · Frontend Development

Understanding Incremental Compilation in TypeScript

TypeScript’s incremental compilation, introduced in version 3.4, speeds up build times by reusing previous build information stored in a tsBuildInfoFile, and this article explains the entry points, how old and current programs are created, change detection rules, and configuration of the buildInfo file.

BuildInfoTypeScriptcompilation optimization
0 likes · 9 min read
Understanding Incremental Compilation in TypeScript
网易UEDC
网易UEDC
Sep 6, 2022 · Frontend Development

Boost Design and Front‑End Productivity with D2C, C2D2C and Low‑Code Platforms

The article examines how the mature internet industry can improve design and front‑end productivity through Design‑to‑Code (D2C) and Code‑to‑Design (C2D) approaches, introduces the C2D2C workflow, and highlights low‑code platforms as a market‑validated solution for accelerating B‑end product development.

C2D2CD2Cdesign productivity
0 likes · 10 min read
Boost Design and Front‑End Productivity with D2C, C2D2C and Low‑Code Platforms
Laravel Tech Community
Laravel Tech Community
Aug 31, 2022 · Frontend Development

Chrome 105 New Features: Blocking Rendering, :has() Selector, onbeforeinput Event, 125 Hz Timer Alignment, CSS :modal, Identifier Restrictions, Container Queries, Scroll & Fetch Enhancements, Gesture‑Scroll Events

Chrome 105 introduces 25 new web‑development features—including a blocking=rendering attribute for scripts and styles, the :has() selector, onbeforeinput event, 125 Hz timer alignment, CSS :modal pseudo‑class, restrictions on the default identifier, container queries, enhanced scroll and fetch APIs, and experimental gesture‑scroll DOM events.

Browser FeaturesCSSChrome
0 likes · 6 min read
Chrome 105 New Features: Blocking Rendering, :has() Selector, onbeforeinput Event, 125 Hz Timer Alignment, CSS :modal, Identifier Restrictions, Container Queries, Scroll & Fetch Enhancements, Gesture‑Scroll Events
macrozheng
macrozheng
Aug 27, 2022 · Frontend Development

Top 12 Open‑Source Low‑Code Platforms to Supercharge Your Development

Low‑code combines visual, model‑driven and cloud‑native technologies to dramatically boost efficiency and cut costs, and this article introduces twelve noteworthy open‑source low‑code projects—ranging from Appsmith and Amis to NocoBase and Awesome Lowcode—each with a brief overview and GitHub link.

Web Toolsfrontend developmentlow-code
0 likes · 8 min read
Top 12 Open‑Source Low‑Code Platforms to Supercharge Your Development
Shopee Tech Team
Shopee Tech Team
Aug 25, 2022 · Frontend Development

Datav: Building an Efficient Data Visualization Platform for Dashboard Development

Datav, Shopee’s internal low‑code data‑visualization platform, automates dashboard creation by providing a DSL‑driven designer, reusable chart components, and auto‑generated SQL, cutting project cycles from roughly 40 to 20 days and front‑end effort from ten to three person‑days while streamlining data‑source integration and permission management.

Data VisualizationMetadata ComputationSQL Generation
0 likes · 17 min read
Datav: Building an Efficient Data Visualization Platform for Dashboard Development
ELab Team
ELab Team
Aug 18, 2022 · Frontend Development

How to Create Smooth Drag‑Slider Effects with SVG Bezier Curves

This article explains how to use SVG path commands and JavaScript to draw and animate Bézier curves for a fluid drag‑slider UI, covering background, curve theory, implementation steps, stroke‑dash techniques, offset‑path alternatives, and SMIL animation for interactive effects.

AnimationBezier CurveCSS
0 likes · 15 min read
How to Create Smooth Drag‑Slider Effects with SVG Bezier Curves
ELab Team
ELab Team
Aug 11, 2022 · Frontend Development

Why Front‑End Developers Should Try Rust: Learning Curve, Pros, Cons & Use Cases

From a front‑end developer’s viewpoint, this article examines Rust’s learning curve, pros and cons compared with JavaScript/TypeScript, performance benchmarks, multithreading, testing, and real‑world application scenarios such as tooling, WebAssembly, and desktop clients, while also providing learning resources and reference links.

PerformanceWebAssemblyfrontend development
0 likes · 14 min read
Why Front‑End Developers Should Try Rust: Learning Curve, Pros, Cons & Use Cases
ByteFE
ByteFE
Aug 8, 2022 · Frontend Development

Comprehensive Guide to TypeScript: Basics, Advanced Types, and Practical Utilities

This article provides an in‑depth overview of TypeScript, covering its origins, basic and advanced type features, utility types, function overloads, generics, type inference, assertions, global types, and practical patterns such as enhanced Omit, deep Pick, and object assign type utilities for robust frontend development.

Type InferenceTypeScriptUtility Types
0 likes · 29 min read
Comprehensive Guide to TypeScript: Basics, Advanced Types, and Practical Utilities
SQB Blog
SQB Blog
Jul 28, 2022 · Frontend Development

How AntV Powers Data Visualization: From Charts to Graph Analysis

This article explores data visualization fundamentals, compares scientific, information, and analytical visualization, reviews popular frontend libraries like ECharts and AntV/G2, showcases real-world case studies, and details technical choices for building interactive charts and graph‑based analytics in modern applications.

AntVbig datafrontend development
0 likes · 13 min read
How AntV Powers Data Visualization: From Charts to Graph Analysis
php Courses
php Courses
Jul 22, 2022 · Frontend Development

What's New in Vite 3.0: Template Updates, CLI Optimizations, and API Changes

The article introduces Vite 3.0's refreshed documentation, new template themes, CLI visual improvements, changed default port, rewritten import.meta.glob API, smaller bundle size, ESBuild minification, bug fixes, Node 14.18+ compatibility, and a yearly release commitment, emphasizing the need for developers to stay current.

Build ToolsCLIJavaScript
0 likes · 3 min read
What's New in Vite 3.0: Template Updates, CLI Optimizations, and API Changes
政采云技术
政采云技术
Jul 19, 2022 · Frontend Development

Data Source Design in a Visualization Building System

This article explains how introducing a data source layer in a visualization building system reduces repetitive component configuration, improves reuse, and empowers non‑developers to create and manage APIs for dynamic UI assembly.

API ManagementComponent ReuseData Source
0 likes · 11 min read
Data Source Design in a Visualization Building System
SQB Blog
SQB Blog
Jul 6, 2022 · Frontend Development

How a Custom Low‑Code Platform Supercharges Front‑End Productivity

This article explains the evolution of front‑end development, introduces the concept of low‑code, and details the design, architecture, visual configuration system, rendering engine, data handling, and practical experiences of the internally built "Ghost‑Craft" low‑code platform used to accelerate page creation and reduce technical debt.

Visual Programmingfrontend developmentlow-code
0 likes · 13 min read
How a Custom Low‑Code Platform Supercharges Front‑End Productivity
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Jul 1, 2022 · Frontend Development

Explore Browser Evolution, Web Performance Tricks, and UX Psychology Insights

This roundup highlights a Microsoft browser team interview on the web’s past and future, the practical use of HTTP 103 status code, advice against over‑abstracting components, Combine programming practices, live‑stream performance tuning, applying cognitive psychology to UX design, and insights on building effective frontend teams.

Browser EvolutionWeb Performancecomponent design
0 likes · 3 min read
Explore Browser Evolution, Web Performance Tricks, and UX Psychology Insights
JD Retail Technology
JD Retail Technology
Jun 29, 2022 · Frontend Development

Unifying JD Tech UI with NutUI-JDT: A Multi‑Platform Component Library Journey

This article details how NutUI and JD Tech collaborated over multiple quarters to create NutUI‑JDT, a theme‑customizable component library that unifies H5 and mini‑program development, expands and adapts components, introduces a Sketch plugin, and outlines future roadmap and open‑source contributions.

Component LibrarySketch PluginTheme customization
0 likes · 9 min read
Unifying JD Tech UI with NutUI-JDT: A Multi‑Platform Component Library Journey
Architect's Guide
Architect's Guide
Jun 25, 2022 · Fundamentals

Understanding Low‑Code Implementation Principles: Declarative Frontend, Backend Storage, and Workflow Engines

This article explains the core concepts of low‑code platforms, defining low‑code as visual (declarative) programming, comparing declarative and imperative approaches, and detailing front‑end rendering with JSON‑to‑React, multiple backend storage strategies, logic execution models, workflow engines, and future trends.

Backend Storagedeclarative programmingfrontend development
0 likes · 35 min read
Understanding Low‑Code Implementation Principles: Declarative Frontend, Backend Storage, and Workflow Engines
政采云技术
政采云技术
Jun 23, 2022 · Frontend Development

Comprehensive Guide to Web Navigation Design: Types, Principles, and Best Practices

This article provides an in-depth overview of web and mobile navigation design, categorizing navigation types such as full‑screen, top, side, bottom, and mixed, and detailing their advantages, disadvantages, design principles, and practical examples to help designers create effective, user‑friendly interfaces.

Product DesignUI/UXfrontend development
0 likes · 14 min read
Comprehensive Guide to Web Navigation Design: Types, Principles, and Best Practices
ByteFE
ByteFE
Jun 22, 2022 · Frontend Development

Understanding WebGL from Scratch: Color Manipulation and Shader Techniques

This tutorial explores color manipulation in WebGL fragment shaders, demonstrating how to apply RGBA values, create gradient effects using coordinate mapping and cubic Bezier curves, and implement HSB color space conversions to achieve dynamic and visually complex rendering results.

Fragment ShadersGLSLWebGL
0 likes · 7 min read
Understanding WebGL from Scratch: Color Manipulation and Shader Techniques
New Oriental Technology
New Oriental Technology
Jun 17, 2022 · Frontend Development

Understanding JavaScript Throttle and Debounce: Concepts, Code Examples, and Practical Applications

This article explains the fundamental differences between JavaScript throttle and debounce techniques using an intuitive real-world analogy, provides clear code implementations, compares their execution behaviors, and demonstrates practical usage scenarios with the Lodash library for optimizing frontend event handling.

JavaScriptPerformance Optimizationdebounce
0 likes · 7 min read
Understanding JavaScript Throttle and Debounce: Concepts, Code Examples, and Practical Applications
IT Services Circle
IT Services Circle
Jun 14, 2022 · Frontend Development

Getting Started with Plasmo: A Modern Framework for Building Browser Extensions

This article introduces Plasmo, a modern framework for building browser extensions using familiar web technologies like React, TypeScript, and Webpack, explains how to initialize a project, configure assets, debug with Chrome, and publish across Chrome, Firefox, and Edge stores, streamlining development and deployment.

Browser extensionPlasmoReAct
0 likes · 6 min read
Getting Started with Plasmo: A Modern Framework for Building Browser Extensions
21CTO
21CTO
Jun 12, 2022 · Frontend Development

Master Chrome DevTools: Edit, Debug, and Override Any Web Page Efficiently

This comprehensive guide walks developers through Chrome DevTools' powerful editing, debugging, and override features—including quick CSS/JS tweaks, workspace setup, console utilities, breakpoint strategies, and even Node.js/Deno debugging—empowering efficient front‑end development without leaving the browser.

Chrome DevToolsNode.js DebuggingOverrides
0 likes · 11 min read
Master Chrome DevTools: Edit, Debug, and Override Any Web Page Efficiently
ByteFE
ByteFE
Jun 10, 2022 · Industry Insights

Latest Tech Insights: HTTP/3 Standard, Frontend Survey, Web3 Trends, and Performance Tips

This roundup covers the official release of HTTP/3 (RFC 9114), key findings from a 2022 frontend development survey highlighting TypeScript dominance, an in‑depth Web3.0 industry panorama, Douyin's Android power‑saving practices, bundler considerations, first‑party cookie guidance, content‑visibility performance analysis, and a detailed Three.js ice‑cream Earth tutorial.

Content-VisibilityHTTP/3Performance Optimization
0 likes · 7 min read
Latest Tech Insights: HTTP/3 Standard, Frontend Survey, Web3 Trends, and Performance Tips
58UXD
58UXD
Jun 9, 2022 · Frontend Development

Design Multiple Corporate Websites in One Day: Proven Workflow and System

Over the past six months the author handled dozens of corporate website projects, identified recurring design problems such as limited resources, high labor cost, lack of brand identity and poor user experience, and introduced a systematic workflow—including resource integration, component libraries, modular templates and a code‑generation tool—that enables the rapid production of multiple web designs within a single day.

Component LibraryUI/UXdesign system
0 likes · 8 min read
Design Multiple Corporate Websites in One Day: Proven Workflow and System
Liangxu Linux
Liangxu Linux
Jun 4, 2022 · Frontend Development

Why VS Code Won’t Kill IntelliJ IDEA – A Deep Dive into IDE vs. Editor

The article compares JetBrains’ IntelliJ‑based IDEs with Microsoft’s VS Code, examining their differing philosophies, feature depth, performance, and real‑world developer workflows, and concludes that while VS Code poses a serious challenge, it is unlikely to replace full‑featured IDEs.

Development ToolsIDE comparisonIntelliJ IDEA
0 likes · 11 min read
Why VS Code Won’t Kill IntelliJ IDEA – A Deep Dive into IDE vs. Editor
政采云技术
政采云技术
Jun 2, 2022 · Frontend Development

Form Design Best Practices for User Experience

This article discusses principles for designing effective forms, including minimizing user input, providing real-time feedback, and choosing optimal layouts like vertical, horizontal, or floating structures to enhance user experience.

UI/UXform designfrontend development
0 likes · 2 min read
Form Design Best Practices for User Experience
Alibaba Terminal Technology
Alibaba Terminal Technology
May 25, 2022 · Frontend Development

How to Prevent Concurrent Rendering Bugs in OpenSumi’s File Tree

This article analyzes the concurrent rendering problems that arise in OpenSumi’s file‑tree after removing throttling, explains their root causes, and presents a comprehensive solution—including operation prioritization, cancellable actions, and queued updates—to achieve both high performance and stable user interaction.

Concurrent RenderingOpenSumiPerformance
0 likes · 13 min read
How to Prevent Concurrent Rendering Bugs in OpenSumi’s File Tree
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
May 23, 2022 · Frontend Development

How Tencent’s TDesign Scales an Enterprise Design System Across Multiple Frameworks

This article explains how Tencent created the open‑source TDesign system, its multi‑team organization, rule‑based governance, tooling, GitHub automation, documentation strategy, and contributor incentives, showing how a large‑scale design system can stay consistent while evolving across many technology stacks.

Component Librarycollaborationdesign system
0 likes · 17 min read
How Tencent’s TDesign Scales an Enterprise Design System Across Multiple Frameworks
MaGe Linux Operations
MaGe Linux Operations
May 22, 2022 · Frontend Development

From IE to Edge: How Microsoft’s Browser Legacy Evolved Over 27 Years

Microsoft’s Internet Explorer, once dominating the web with up to 95% market share, gradually declined due to performance issues and competition from Firefox and Chrome, leading to its retirement in 2022 and the rise of Edge, which now strives to reclaim relevance with a Chromium foundation.

Browser EvolutionInternet ExplorerMicrosoft Edge
0 likes · 7 min read
From IE to Edge: How Microsoft’s Browser Legacy Evolved Over 27 Years
IT Architects Alliance
IT Architects Alliance
May 19, 2022 · Industry Insights

Why All Low‑Code Platforms Rely on Declarative Code: A Deep Technical Dive

The article analyses low‑code platforms by defining low‑code as visual programming, contrasting declarative and imperative approaches, examining front‑end and back‑end implementation schemes, interaction models, storage options, workflow engines, and future trends, ultimately showing that declarative foundations drive both strengths and limitations.

Backend Developmentdeclarative programmingfrontend development
0 likes · 37 min read
Why All Low‑Code Platforms Rely on Declarative Code: A Deep Technical Dive
Alibaba Terminal Technology
Alibaba Terminal Technology
May 19, 2022 · Frontend Development

The Future of Responsive Web Design: Component‑Driven, Container Queries & Multi‑Screen Support

This article traces the evolution of responsive web design from Ethan Marcotte’s 2010 breakthrough to today’s component‑driven approach, covering CSS media queries for user preferences, the emerging container‑query syntax, and new media features that enable layouts to adapt to multi‑screen and foldable devices.

Dark Modecomponent-drivencss container queries
0 likes · 55 min read
The Future of Responsive Web Design: Component‑Driven, Container Queries & Multi‑Screen Support
Python Programming Learning Circle
Python Programming Learning Circle
May 12, 2022 · Frontend Development

Introducing PyScript: Run Python Directly in the Browser

PyScript, a new framework from Anaconda, enables developers to embed and run Python code directly in standard HTML pages, offering first‑class Python support in the browser, seamless integration with JavaScript, package management, and UI components, all built on the Pyodide WebAssembly engine.

PyScriptPythonWebAssembly
0 likes · 4 min read
Introducing PyScript: Run Python Directly in the Browser
Taobao Frontend Technology
Taobao Frontend Technology
May 12, 2022 · Frontend Development

How WebAssembly + QuickJS Powers a Secure Web Sandbox for Next‑Gen Web Apps

An in‑depth technical overview describes how a WebAssembly‑plus‑QuickJS sandbox architecture enhances web security, improves developer experience, and delivers benchmarked performance gains for next‑generation open web applications, while maintaining compatibility with W3C standards and integrating with existing e‑commerce platforms.

QuickJSWebAssemblyfrontend development
0 likes · 6 min read
How WebAssembly + QuickJS Powers a Secure Web Sandbox for Next‑Gen Web Apps
DaTaobao Tech
DaTaobao Tech
May 10, 2022 · Information Security

Web Security Sandbox Using WebAssembly and QuickJS

This paper proposes a WebAssembly‑QuickJS sandbox that isolates JavaScript execution and uses Shadow DOM/iframe for CSS isolation, delivering W3C‑compliant, high‑performance security for web apps, achieving 355× communication gains over mini‑programs while maintaining a lightweight, extensible ecosystem for e‑commerce plugins.

Container ArchitectureOpen TechnologyQuickJS
0 likes · 5 min read
Web Security Sandbox Using WebAssembly and QuickJS
Alibaba Terminal Technology
Alibaba Terminal Technology
May 10, 2022 · Frontend Development

Unlock Seamless Code Sharing with Webpack 5 Module Federation

This article explains how Webpack 5's Module Federation feature enables dynamic code sharing and dependency sharing across micro‑frontend applications, walks through its core concepts, shows practical configuration and code examples, and discusses its advantages, drawbacks, and typical use cases.

Dependency SharingModule Federationcode sharing
0 likes · 32 min read
Unlock Seamless Code Sharing with Webpack 5 Module Federation
BaiPing Technology
BaiPing Technology
May 9, 2022 · Frontend Development

How We Built a Low‑Code Page Builder for the 百瓶 App: Lessons & Architecture

This article details the motivation, design decisions, architecture, and practical outcomes of creating a low‑code page‑building platform for the 百瓶 app, highlighting challenges in traditional development, the benefits of free layout, data and behavior centers, and future roadmap considerations.

Visual Editorbehavior enginedata center
0 likes · 18 min read
How We Built a Low‑Code Page Builder for the 百瓶 App: Lessons & Architecture
ByteFE
ByteFE
May 9, 2022 · Fundamentals

Why Learn Rust: Fundamentals, Ownership, Lifetimes, and WebAssembly Integration

This article explains why Rust is valuable for modern development, introduces its memory model, ownership, borrowing, lifetimes, and copy semantics, and provides step‑by‑step guidance for building a WebAssembly image‑processing app with Rust, Cargo, wasm‑pack, and Vite.

OwnershipProgramming FundamentalsRust
0 likes · 27 min read
Why Learn Rust: Fundamentals, Ownership, Lifetimes, and WebAssembly Integration