BestHub
Sign in
Tagged articles
3129 articles
Page 8 of 32
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 3, 2024 · Frontend Development

Recreating the Xiaomi SU7 Showcase Webpage with three.js and Custom Shaders

This article walks through reproducing the stunning Xiaomi SU7 showcase webpage by using three.js, custom GLSL shaders, and several helper libraries to implement dynamic environment map switching, reflective ground, tunnel traversal, bloom, and camera shake effects, providing complete source code and explanations.

PostProcessingShadersThree.js
0 likes · 18 min read
Recreating the Xiaomi SU7 Showcase Webpage with three.js and Custom Shaders
ByteFE
ByteFE
Apr 2, 2024 · Frontend Development

Advanced Tooltip Configuration and Customization in VChart

This article explains the fundamentals of VChart tooltips, demonstrates how to enable enterable tooltips with Amazon‑style safety triangles, shows flexible content and style patterns, and provides methods for custom DOM manipulation and fully custom tooltip handlers to meet diverse frontend data‑visualisation needs.

JavaScriptVChartcustomization
0 likes · 20 min read
Advanced Tooltip Configuration and Customization in VChart
58UXD
58UXD
Apr 2, 2024 · Frontend Development

What Drives a Successful Design System? Insights from 58UXD’s Lead Designers

In a series of in‑depth interviews, four senior designers from 58UXD share why they built a design‑system handbook, its value for consistency and innovation, challenges of integrating AIGC, strategies for usability, visual standards, engineering practices, and future plans for continuous iteration.

AIGCComponent LibraryUX design
0 likes · 14 min read
What Drives a Successful Design System? Insights from 58UXD’s Lead Designers
TikTok Frontend Technology Team
TikTok Frontend Technology Team
Apr 1, 2024 · Frontend Development

Implementation of the “Lucky God Dragon” Interactive Gameplay in Douyin’s 2024 Chinese New Year Event

This article details the front‑end interactive development of Douyin’s 2024 Chinese New Year “Lucky God Dragon” activity, covering the cross‑platform framework, SAR Creator engine, bundle/prefab resources, scene construction, animation control, coordinate synchronization, terrain management, performance optimization, and device‑aware caching strategies.

SAR Creatoranimationfrontend
0 likes · 30 min read
Implementation of the “Lucky God Dragon” Interactive Gameplay in Douyin’s 2024 Chinese New Year Event
Goodme Frontend Team
Goodme Frontend Team
Apr 1, 2024 · Frontend Development

Inside Guming’s Frontend SDK: Design, Logging, and Tracking Explained

This article walks through the architecture and detailed design of Guming’s frontend data‑center SDK, covering its initialization, payload structure, core modules such as Configurator, Reporter, Queue, and various plugins, and explains how logging, tracking, rate‑limiting, and remote configuration are implemented for reliable data collection.

ConfigurationSDKfrontend
0 likes · 19 min read
Inside Guming’s Frontend SDK: Design, Logging, and Tracking Explained
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Mar 29, 2024 · Frontend Development

Exploring Modern Front‑End Techniques: Chrome Extensions, Vite, Husky, and HTTP/3

This article surveys current front‑end innovations, covering Chrome extension development, using Husky for Git‑hook scripts, the clever architecture of Vite, new JavaScript operators (?., ??, ??=), the upcoming HTTP/3 protocol, 2024 front‑end technology trends, and an invitation to join a leading front‑end team.

2024 trendsChrome extensionsHTTP/3
0 likes · 4 min read
Exploring Modern Front‑End Techniques: Chrome Extensions, Vite, Husky, and HTTP/3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 29, 2024 · Frontend Development

Practical Frontend Techniques: Vite Auto Routing, await-to-js Source Walkthrough, URL Parameter Handling, Controlling forEach Loops, and Singleton Request Management

This article presents practical frontend solutions, including automatic route generation in Vite projects using unplugin-vue-router, a detailed source analysis of the await‑to‑js error‑handling wrapper, methods for extracting URL parameters, techniques to terminate or replace forEach loops, and patterns for avoiding duplicate component requests.

JavaScriptSingletonforeach
0 likes · 17 min read
Practical Frontend Techniques: Vite Auto Routing, await-to-js Source Walkthrough, URL Parameter Handling, Controlling forEach Loops, and Singleton Request Management
Liangxu Linux
Liangxu Linux
Mar 21, 2024 · Frontend Development

How to Understand and Reduce Web Latency: Practical Tips for Faster Apps

This article explains what latency is, how it occurs in web interactions, the main factors that contribute to it, common tools for measuring it, and a set of practical optimization techniques such as HTTP/2, CDN usage, caching, and efficient coding practices.

LatencyWeb Performancefrontend
0 likes · 8 min read
How to Understand and Reduce Web Latency: Practical Tips for Faster Apps
DeWu Technology
DeWu Technology
Mar 18, 2024 · Frontend Development

QCon Shanghai 2023: LLM-Powered Frontend Debugging, WebNN, AI-Native Development, and HarmonyOS Insights

QCon Shanghai 2023 highlighted LLM‑driven frontend debugging, the emerging WebNN API for accelerated browser inference, AI‑native UI patterns with evaluation‑driven development, LLM‑enhanced developer bots using RAG and fine‑tuning, and a HarmonyOS round‑table exploring ArkUI’s declarative framework and opportunities for frontend engineers.

HarmonyOSLLMQCon
0 likes · 18 min read
QCon Shanghai 2023: LLM-Powered Frontend Debugging, WebNN, AI-Native Development, and HarmonyOS Insights
Goodme Frontend Team
Goodme Frontend Team
Mar 18, 2024 · Frontend Development

How to Implement Seamless, Secure Login in WeChat Mini‑Programs

This article explains why user authentication is essential for mobile mini‑programs, outlines security measures using AccessToken and RefreshToken, and provides step‑by‑step techniques—including automatic login, token refresh, request queuing, and user‑state handling—to achieve a frictionless user experience.

AuthenticationTokenWeChat
0 likes · 9 min read
How to Implement Seamless, Secure Login in WeChat Mini‑Programs
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 15, 2024 · Frontend Development

Inside Tango’s Sandbox: Leveraging CodeSandbox for Fast Low‑Code Development

This article explains how the open‑source Tango low‑code engine uses a CodeSandbox‑based sandbox architecture—including dependency initialization, transpilation, and cross‑origin communication—to enable real‑time source‑code execution and visual drag‑and‑drop building within a secure iframe environment.

CodeSandboxReactfrontend
0 likes · 15 min read
Inside Tango’s Sandbox: Leveraging CodeSandbox for Fast Low‑Code Development
php Courses
php Courses
Mar 15, 2024 · Fundamentals

The Art of Taming Legacy Code: Strategies, Examples, and Future Directions

This article explores the challenges of legacy code through practical examples, offering step‑by‑step refactoring strategies, testing, documentation, environment management, and innovative tooling like ServBay to help developers modernize both backend and frontend systems while fostering professional growth.

Legacy Codebest practicesfrontend
0 likes · 6 min read
The Art of Taming Legacy Code: Strategies, Examples, and Future Directions
Sohu Tech Products
Sohu Tech Products
Mar 13, 2024 · Frontend Development

HTMX vs React: A Comparative Overview of Modern Front‑End Libraries

HTMX offers a lightweight, HTML‑attribute‑driven approach that adds AJAX, WebSocket and server‑sent event interactivity without JavaScript, making it ideal for simple pages, while React provides a full‑featured, component‑based JavaScript library with a steep learning curve, extensive ecosystem, and superior scalability for complex, state‑driven applications.

ComparisonHTMLHTMX
0 likes · 17 min read
HTMX vs React: A Comparative Overview of Modern Front‑End Libraries
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 12, 2024 · Frontend Development

How Much Faster Is unocss Compared to Tailwind CSS?

This article examines the performance differences between the atomic CSS engines unocss and Tailwind CSS, presenting benchmark tests on a MacBook M1 using Vite and PostCSS setups, analyzing build times, the impact of CSS AST parsing, and discussing practical implications for frontend development.

CSSTailwindCSSUnoCSS
0 likes · 7 min read
How Much Faster Is unocss Compared to Tailwind CSS?
Java Architect Essentials
Java Architect Essentials
Mar 9, 2024 · Frontend Development

Typical JavaScript Bundle Sizes of Popular Websites in 2024

In 2024, a survey of popular websites shows that uncompressed JavaScript bundle sizes vary widely—from as small as 0.2 MB for Wikipedia to over 12 MB for sites like YouTube and Booking.com—highlighting the importance of performance awareness in modern frontend development.

2024JavaScriptWeb Development
0 likes · 4 min read
Typical JavaScript Bundle Sizes of Popular Websites in 2024
Goodme Frontend Team
Goodme Frontend Team
Mar 7, 2024 · Frontend Development

Must‑Read Frontend Insights & Tools You Can’t Miss This Week

This roundup curates the latest frontend resources—including web performance snippets, Deno’s new JSR registry, Vercel’s AI SDK, VSCode source navigation tricks, architecture design lessons, a Canvas rendering engine guide, React nested component pitfalls, Bilibili analytics platform case study, and product design simplification tips—providing practical knowledge for developers and product teams.

CanvasJavaScriptProduct Design
0 likes · 6 min read
Must‑Read Frontend Insights & Tools You Can’t Miss This Week
Tencent Cloud Developer
Tencent Cloud Developer
Mar 7, 2024 · Frontend Development

WebAssembly: History, Principles, and Applications

WebAssembly, originating from Mozilla’s asm.js experiment and standardized in 2017, offers a compact binary format that outperforms JavaScript and asm.js, enabling near‑native speed for compute‑intensive web and server workloads, with real‑world adoption in graphics, video, AI, and cloud micro‑services.

BackendWASIWasm
0 likes · 36 min read
WebAssembly: History, Principles, and Applications
DeWu Technology
DeWu Technology
Mar 6, 2024 · Frontend Development

Visual Event Tracking Solution: Architecture, Implementation, and Practices

The visual event tracking solution replaces costly manual code instrumentation with a Data‑Trackid and relative Xpath system, a VSCode plugin for automatic ID generation, and an SDK that captures clicks and exposures, dynamically loads third‑party analytics, and provides validation, monitoring, and future decoupling for scalable, real‑time product analytics.

Event AnalyticsSDKdata collection
0 likes · 9 min read
Visual Event Tracking Solution: Architecture, Implementation, and Practices
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 5, 2024 · Frontend Development

Essential VS Code Plugins for Frontend Development

This guide introduces a curated collection of VS Code extensions—including themes, basic utilities, Vue and React tools, mini‑program support, code formatters, database helpers, and productivity plugins—helping developers streamline their frontend workflow and improve coding efficiency.

DevelopmentPluginsReact
0 likes · 11 min read
Essential VS Code Plugins for Frontend Development
DevOps
DevOps
Mar 4, 2024 · Frontend Development

Building QQ Front-end Unified Access Layer: Architecture, Technical Choices, and Performance Insights

This article shares a decade‑long journey of designing and scaling the QQ front‑end unified access layer, covering business background, overall architecture, solution comparisons, core challenges, observability, and performance optimizations while reflecting on practical lessons for large‑scale front‑end systems.

architecturecase studyfrontend
0 likes · 10 min read
Building QQ Front-end Unified Access Layer: Architecture, Technical Choices, and Performance Insights
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 3, 2024 · Frontend Development

Handling Barcode Scanner Input Issues with Chinese IME in Web Applications Using Vue and Element UI

This article analyzes why barcode scanners lose characters under Chinese input methods, proposes two mitigation strategies—including a keydown‑event listener and a readonly password‑input workaround—and provides a complete Vue/Element‑UI component implementation to reliably capture scanner data without triggering IME or browser autofill.

Barcode ScannerChinese IMEElement UI
0 likes · 10 min read
Handling Barcode Scanner Input Issues with Chinese IME in Web Applications Using Vue and Element UI
Architecture and Beyond
Architecture and Beyond
Mar 2, 2024 · Frontend Development

Understanding the Meaning, Essence, and Practical Solutions of Cross‑Platform Architecture

This article explains the concept and importance of cross‑platform architecture, outlines the three layers of hardware, OS, and application, compares hybrid, framework‑native, self‑rendering, and DSL‑based approaches, and provides practical implementation examples and selection criteria for developers.

HybridMobilecross‑platform
0 likes · 19 min read
Understanding the Meaning, Essence, and Practical Solutions of Cross‑Platform Architecture
Java Captain
Java Captain
Mar 1, 2024 · Frontend Development

A 5‑Minute Introduction to JavaScript: Basics, Core Features, and Quick Start

This article provides a concise five‑minute overview of JavaScript, covering its origins, dynamic typing, prototype‑based OOP, browser compatibility, essential syntax such as variables, conditionals, loops, functions, and practical use cases like dynamic content, interactivity, game development, and SPA creation, plus learning resources.

JavaScriptTutorialWeb Development
0 likes · 4 min read
A 5‑Minute Introduction to JavaScript: Basics, Core Features, and Quick Start
Open Source Tech Hub
Open Source Tech Hub
Feb 29, 2024 · Frontend Development

What’s New in Layui v2.9.7? Detailed Component Updates and Fixes

Layui v2.9.7 introduces new attributes and options across its select, table, layer, laydate, dropdown, and flow components, fixes several bugs such as column‑dragging and auto‑height issues, and includes miscellaneous improvements like Unicode source conversion, making the lightweight UI library even more practical for fast web development.

LayuiUI librarycomponent updates
0 likes · 3 min read
What’s New in Layui v2.9.7? Detailed Component Updates and Fixes
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Feb 29, 2024 · Frontend Development

Automated Internationalization Platform for Cloud Music Overseas Project

The Cloud Music overseas team built the Qianyu Platform, an automated i18n system that replaces manual copy handling with Babel‑based key generation, auto‑uploads, CDN publishing, and per‑language builds, dramatically boosting development efficiency, reducing maintenance, and delivering faster, lightweight multilingual experiences.

Babel PluginVuefrontend
0 likes · 24 min read
Automated Internationalization Platform for Cloud Music Overseas Project
JD Tech
JD Tech
Feb 26, 2024 · Backend Development

Comprehensive Guide to Large File Upload: Principles, Implementation, and Optimizations

This article explains the challenges of uploading large files over 100 MB, compares them with regular uploads, details the core principles and common problems, and presents complete front‑end chunking and back‑end merging implementations with resumable and instant upload techniques, plus mature solution recommendations.

BackendJavaScriptLarge File Upload
0 likes · 14 min read
Comprehensive Guide to Large File Upload: Principles, Implementation, and Optimizations
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 25, 2024 · Frontend Development

Frontend Development Trends and Recommendations for 2024

2024 brings rapid AI advances and evolving front‑end technologies, urging developers to adopt TypeScript, master micro‑frontend architectures, embrace server‑side rendering with Next.js, reconsider low‑code and Flutter, and explore full‑stack frameworks, while providing curated resources and insights for staying competitive.

JavaScriptfrontendfull-stack
0 likes · 14 min read
Frontend Development Trends and Recommendations for 2024
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 24, 2024 · Frontend Development

Using TailwindCSS (Tss) in a Vue 3 Resume Project: Concepts, Implementation, and Optimization

This article walks through the author's journey of rebuilding an online resume with Vue 3 and TailwindCSS, explaining core Tailwind concepts, practical code examples, theme switching, and build‑time optimizations to achieve a maintainable, responsive, and lightweight frontend solution.

Build OptimizationCSS UtilityTailwindCSS
0 likes · 36 min read
Using TailwindCSS (Tss) in a Vue 3 Resume Project: Concepts, Implementation, and Optimization
Tencent Cloud Developer
Tencent Cloud Developer
Feb 20, 2024 · Frontend Development

From Frontend to Full‑Stack: Architecture, Challenges, and Practices of the QQ Frontend Unified Access Layer

The veteran front‑end engineer chronicles a decade of building QQ’s large‑scale products, detailing how the new Frontend Unified Access Layer replaced fragmented SDKs with a high‑performance, scalable, secure gateway built on an internal http2rpc framework, while tackling legacy protocol coexistence, observability, alert fatigue, and targeted performance optimizations.

frontendfull-stackobservability
0 likes · 10 min read
From Frontend to Full‑Stack: Architecture, Challenges, and Practices of the QQ Frontend Unified Access Layer
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 16, 2024 · Frontend Development

Performance Comparison of Vue3 Proxy vs Object.defineProperty for Reactive Systems

This article benchmarks Vue3's Proxy-based reactivity against the traditional Object.defineProperty approach across initialization, read, write, multiple object creation, and nested‑object scenarios, revealing where each technique excels and why Vue3 ultimately prefers Proxy despite nuanced performance trade‑offs.

JavaScriptObject.definePropertyProxy
0 likes · 10 min read
Performance Comparison of Vue3 Proxy vs Object.defineProperty for Reactive Systems
21CTO
21CTO
Feb 15, 2024 · Frontend Development

Why Tauri Could Replace Electron for Faster, Smaller Desktop Apps

This article compares Electron and the newer Tauri framework, highlighting Electron's large binary size and Tauri's Rust‑backed, lightweight approach that lets web developers build native desktop applications with familiar JavaScript, HTML, and CSS.

Desktop AppsElectronJavaScript
0 likes · 7 min read
Why Tauri Could Replace Electron for Faster, Smaller Desktop Apps
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 11, 2024 · Frontend Development

Implementing a Virtual Waterfall List in Vue 3 + TypeScript with Dynamic Height Support

This article provides a step‑by‑step tutorial on building a virtual waterfall (masonry) list component in Vue 3 using TypeScript, covering component structure, props, state management, rendering logic, handling variable item heights via temporary DOM measurement, performance optimizations, and practical usage examples.

Vuefrontendperformance
0 likes · 36 min read
Implementing a Virtual Waterfall List in Vue 3 + TypeScript with Dynamic Height Support
JD Cloud Developers
JD Cloud Developers
Feb 7, 2024 · Frontend Development

How JD’s Huamei Platform Turns Design Mockups into Front‑End Code Automatically

JD’s Huamei platform leverages AI to automatically convert design mockups into usable front‑end code, streamlining UI reconstruction and business‑logic implementation, reducing repetitive work, and boosting development efficiency for financial app teams, while outlining its workflow, capabilities, limitations, and advanced features.

UI reconstructionaiautomation
0 likes · 13 min read
How JD’s Huamei Platform Turns Design Mockups into Front‑End Code Automatically
JD Tech
JD Tech
Feb 5, 2024 · Frontend Development

Systematic Performance Optimization of JD Shopping Mini Program for Billion‑User Scale

This article details how JD's massive‑scale shopping mini program achieved a two‑fold performance boost through systematic front‑end optimizations—including code‑package reduction, independent sub‑packages, async loading, pre‑download, selective code injection, first‑screen rendering tricks, and release‑frequency management—providing practical guidance for developers targeting large‑user bases.

JDMini ProgramWeChat
0 likes · 13 min read
Systematic Performance Optimization of JD Shopping Mini Program for Billion‑User Scale
21CTO
21CTO
Feb 1, 2024 · Frontend Development

Top CSS Frameworks to Boost Your UI Development in 2024

Discover the best CSS frameworks for 2024—including Bootstrap, Tailwind, Foundation, Bulma, and UIkit—detailing their key features, integration methods, and code examples, to help developers choose the right toolkit for rapid, responsive, and maintainable front‑end design.

BootstrapCSSReact
0 likes · 12 min read
Top CSS Frameworks to Boost Your UI Development in 2024
HelloTech
HelloTech
Feb 1, 2024 · Frontend Development

Static Compilation for Multi‑Scene SaaS Car Services Using Webpack Resolve Plugins

The article explains how a custom Webpack resolve plugin enables static compilation for a multi‑scene SaaS car‑service platform by separating brand‑specific logic into suffix‑named files, allowing compile‑time branching, smaller scenario‑specific bundles, cleaner code, easier testing, and faster cold‑starts.

frontendresolve pluginstatic compilation
0 likes · 12 min read
Static Compilation for Multi‑Scene SaaS Car Services Using Webpack Resolve Plugins
Sohu Tech Products
Sohu Tech Products
Jan 31, 2024 · Frontend Development

An In-Depth Overview of shadcn/ui: Features, Architecture, and Usage

shadcn/ui is a rapidly popular, copy‑and‑paste component collection that provides accessible, highly customizable Tailwind‑styled UI elements with a two‑layer architecture, theme editor, dark‑mode support, and CLI, offering simplicity and fine‑grained control while requiring manual integration and careful bundle‑size management.

Component LibraryReactShadcn UI
0 likes · 26 min read
An In-Depth Overview of shadcn/ui: Features, Architecture, and Usage
JD Tech
JD Tech
Jan 31, 2024 · Frontend Development

Performance Optimization Practices for JD's Tongtian Tower Frontend Project

This article shares the 2023 performance‑optimization experience of JD's Tongtian Tower front‑end project, explaining how reducing page load time, improving interaction response, and applying systematic analysis tools and best‑practice techniques can boost first‑screen speed by nearly 60 % while maintaining stable, iterative development.

bundle-analysiscachingfrontend
0 likes · 20 min read
Performance Optimization Practices for JD's Tongtian Tower Frontend Project
Selected Java Interview Questions
Selected Java Interview Questions
Jan 31, 2024 · Backend Development

Large File Upload, Chunked Upload, Resume and Instant Upload with Spring Boot and JavaScript

This article demonstrates how to implement small file uploads, large file chunked uploads, breakpoint resume, and instant upload using Spring Boot 3.1.2 on the backend and native JavaScript with spark‑md5 on the frontend, covering configuration, code examples, and practical considerations.

BackendSpring Bootchunked upload
0 likes · 15 min read
Large File Upload, Chunked Upload, Resume and Instant Upload with Spring Boot and JavaScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 31, 2024 · Frontend Development

Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading

This article demonstrates how to dramatically reduce image size and loading time in a WeChat mini‑program by converting to WebP, adjusting resolution via OSS parameters, using CSS sprites, and implementing lazy‑load placeholders, with before‑and‑after performance data and reusable component code.

OSSWeChat Mini Programfrontend
0 likes · 10 min read
Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading
Bilibili Tech
Bilibili Tech
Jan 30, 2024 · Frontend Development

Efficient Video Frame Extraction Using WebCodecs on Bilibili's Web Upload Page

Bilibili’s web upload page now uses the browser‑native WebCodecs API to decode video frames client‑side, replacing slower Canvas and Wasm‑FFmpeg pipelines, achieving 2.5–5× faster cover‑frame extraction with lower memory use, while supporting MP4/WebM and improving user experience.

Video Frame ExtractionWebAssemblyWebCodecs
0 likes · 12 min read
Efficient Video Frame Extraction Using WebCodecs on Bilibili's Web Upload Page
Goodme Frontend Team
Goodme Frontend Team
Jan 30, 2024 · Frontend Development

How to Build a Signature Pad in DingTalk Mini Programs with Taro & React

Learn step‑by‑step how to create a signature board for DingTalk mini‑programs using Taro and React, covering canvas creation, drawing logic, size adjustments, image export, undo functionality, landscape mode handling, and common pitfalls, so you can add reliable boss‑signed reports to your app.

Canvasfrontendmini-program
0 likes · 11 min read
How to Build a Signature Pad in DingTalk Mini Programs with Taro & React
ByteFE
ByteFE
Jan 26, 2024 · Frontend Development

A Comprehensive Guide to Frontend Event Tracking (埋点)

This article explains what frontend event tracking (埋点) is, why it is essential for product analytics, when and how to implement it, the different tracking models and reporting methods, as well as practical tips, iteration processes, and common pitfalls for developers and product teams.

AnalyticsWebdata collection
0 likes · 18 min read
A Comprehensive Guide to Frontend Event Tracking (埋点)
IT Services Circle
IT Services Circle
Jan 26, 2024 · Frontend Development

Introducing React v19: New Experimental Hooks for Data Fetching and Forms

React’s upcoming v19 release introduces four experimental hooks—use, useOptimistic, useFormState, and useFormStatus—focused on simplifying data fetching and form handling, allowing developers to read promises or context directly, perform optimistic UI updates, and manage form state and submission status within React components.

Data FetchingFormsOptimistic UI
0 likes · 10 min read
Introducing React v19: New Experimental Hooks for Data Fetching and Forms
Zhixing ZXD Design Center
Zhixing ZXD Design Center
Jan 23, 2024 · Frontend Development

5 Interactive UI Cases That Boost User Engagement – Lessons from NAVER, Agoda, Airbnb, Zomato, and TooGoodToGo

This article showcases five recent UI/UX case studies—including NAVER's interactive banner, Agoda's coupon animation, Airbnb's direct review button, Zomato's membership effects, and TooGoodToGo's dynamic pricing—highlighting how motion design and thoughtful interaction can capture attention, reinforce brand messaging, and improve user experience.

UI designUser experiencecase study
0 likes · 7 min read
5 Interactive UI Cases That Boost User Engagement – Lessons from NAVER, Agoda, Airbnb, Zomato, and TooGoodToGo
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Jan 19, 2024 · Frontend Development

Top Front-End Techniques and 2024 Trends to Boost Your Skills

This article curates essential front‑end topics—including SSE real‑time push, component design, React state‑management comparison, performance‑panel analysis, file parsing methods, and the 2024 web‑front‑end trends—while also introducing the Cloud Classroom front‑end team’s mission and structure.

2024 trendsFile ParsingReact
0 likes · 3 min read
Top Front-End Techniques and 2024 Trends to Boost Your Skills
VMIC UED
VMIC UED
Jan 18, 2024 · Frontend Development

Master Layout Design: 4 Essential Principles Every UI Designer Must Know

This article explains what layout design is, why it matters, and walks you through the four fundamental principles—contrast, alignment, grouping, and repetition—illustrated with real UI examples to help designers create clear, engaging, and visually balanced interfaces.

UI designdesign principlesfrontend
0 likes · 12 min read
Master Layout Design: 4 Essential Principles Every UI Designer Must Know
Java Backend Technology
Java Backend Technology
Jan 15, 2024 · Fundamentals

Why Every Web App Needs Front‑End and Back‑End Data Validation

This article explains why both front‑end and back‑end data validation are essential in modern web applications, outlines the specific checks each layer should perform—from required fields and format rules to security safeguards like XSS/CSRF protection—and highlights the combined benefits for user experience, server load, and overall system integrity.

BackendWebfrontend
0 likes · 9 min read
Why Every Web App Needs Front‑End and Back‑End Data Validation
Goodme Frontend Team
Goodme Frontend Team
Jan 15, 2024 · Frontend Development

Mastering PDF Generation in the Browser: html2canvas + jsPDF Guide

This article explains how to convert HTML pages into multi‑page PDF files using html2canvas and jsPDF, covering basic setup, handling pagination, scaling, image insertion, and practical code examples to ensure readable, correctly paginated PDFs in front‑end projects.

frontendhtml2canvas
0 likes · 14 min read
Mastering PDF Generation in the Browser: html2canvas + jsPDF Guide
Open Source Tech Hub
Open Source Tech Hub
Jan 14, 2024 · Frontend Development

Discover Layui Vue: A Modern Vue 3 Desktop UI Component Library

Layui Vue is a Vue 3‑based desktop UI component library that continues the classic design of the original Layui, offering ready‑to‑use components, a brief history of its evolution, and a detailed update log highlighting new features and bug fixes as of January 2024.

JavaScriptLayuiUI components
0 likes · 4 min read
Discover Layui Vue: A Modern Vue 3 Desktop UI Component Library
Amap Tech
Amap Tech
Jan 11, 2024 · Frontend Development

Optimizing Multi‑Scene Rendering on AMap by Sharing a WebGL Context

Gaode solved the WebGL‑context limit in AMap by rendering all visual layers on a single canvas with a shared context, disabling autoClear, preserving depth ordering, and using per‑layer EffectComposers merged via a final composer, enabling multiple scenes and post‑processing without exceeding browser limits.

AmapEffectComposerRendering
0 likes · 11 min read
Optimizing Multi‑Scene Rendering on AMap by Sharing a WebGL Context
Goodme Frontend Team
Goodme Frontend Team
Jan 10, 2024 · Frontend Development

Essential Frontend Picks: Canvas Collision Detection, CSS Animation Tricks, Design‑to‑Code & Distributed Theory

This curated newsletter shares the latest frontend news and article recommendations, covering JavaScript rising stars, ESLint upgrades, upcoming jQuery 4.0, V8's Maglev compiler, canvas collision detection, CSS animation control, design‑to‑code workflows, distributed theory basics, version‑update popups, and anti‑mistake design principles.

DesignDistributed SystemsJavaScript
0 likes · 6 min read
Essential Frontend Picks: Canvas Collision Detection, CSS Animation Tricks, Design‑to‑Code & Distributed Theory
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 8, 2024 · Frontend Development

Understanding and Using Hooks in Vue 3 Composition API

This article introduces Vue 3 Hooks, explains their relationship to the Composition API, compares them with mixins and class‑based patterns, provides best‑practice guidelines, and offers multiple TypeScript code examples for creating, using, and managing custom hooks to improve code reuse and maintainability.

Composition APIJavaScriptVue
0 likes · 17 min read
Understanding and Using Hooks in Vue 3 Composition API
IT Services Circle
IT Services Circle
Jan 7, 2024 · Frontend Development

Using CSS Relative Color Syntax for Dynamic Color Manipulation

This article introduces CSS Relative Color syntax, explains its core transformation functions, demonstrates practical examples such as generating green text from red, creating unified button hover/active colors, and adapting text color to any background using the new color‑contrast() function.

CSSRelative ColorWeb Design
0 likes · 12 min read
Using CSS Relative Color Syntax for Dynamic Color Manipulation
HelloTech
HelloTech
Jan 4, 2024 · Frontend Development

Introduction to Front-End Unit Testing with Jest

This guide introduces front‑end unit testing with Jest, explaining TDD and BDD concepts, installation, writing simple and ES6/TypeScript tests, configuring coverage, using common matchers, and employing mock functions, timers, and module mocking to ensure reliable, maintainable code.

JestMockingTDD
0 likes · 14 min read
Introduction to Front-End Unit Testing with Jest
Sohu Tech Products
Sohu Tech Products
Jan 3, 2024 · Frontend Development

Mastering Conditional Rendering in React: 9 Essential Techniques

This article reviews the most common conditional rendering approaches in React—including if‑else, ternary operators, logical AND, nullish coalescing, switch statements, strategy patterns, ErrorBoundary, higher‑order components, and render props—explaining their usage, advantages, code examples, and best‑practice cautions.

Conditional RenderingJavaScriptReact
0 likes · 8 min read
Mastering Conditional Rendering in React: 9 Essential Techniques
Tencent Music Tech Team
Tencent Music Tech Team
Jan 3, 2024 · Frontend Development

Automated Upgrade of Taro Mini‑Program from 1.x to 3.x Using AST

The article describes an AST‑driven command‑line tool that automatically upgrades a Taro 1.x mini‑program to 3.x by updating dependencies, converting imports, restructuring files, consolidating styles, replacing deprecated APIs, and adjusting build settings, offering faster, more reliable migration than the labor‑intensive manual approach.

ASTMini ProgramTaro
0 likes · 9 min read
Automated Upgrade of Taro Mini‑Program from 1.x to 3.x Using AST
Goodme Frontend Team
Goodme Frontend Team
Jan 1, 2024 · Frontend Development

How Guming’s Front‑End Data Center Enables Real‑Time Monitoring for Web, Mini‑Programs, Flutter & Node.js

Guming’s Front‑End Data Center integrates monitoring, performance, logging, and analytics for web, mini‑programs, Flutter clients, and Node.js services, offering real‑time alerts, high availability, sampling, multi‑channel data pipelines, custom charting, and detailed CPU/GC profiling to streamline issue diagnosis and business insights.

Data Platformfrontendmonitoring
0 likes · 10 min read
How Guming’s Front‑End Data Center Enables Real‑Time Monitoring for Web, Mini‑Programs, Flutter & Node.js
Architecture Development Notes
Architecture Development Notes
Jan 1, 2024 · Frontend Development

Master Modern Frontend Architecture: Patterns, Code Samples & Best Practices

This article explores the essential components of modern frontend architecture, covering concepts such as modularity, componentization, code organization, state management, network layer design, performance optimization, security measures, automated testing, and continuous deployment, with practical code examples in React, Vue, Redux, Axios, and GitHub Actions.

State Managementarchitecturefrontend
0 likes · 8 min read
Master Modern Frontend Architecture: Patterns, Code Samples & Best Practices
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 31, 2023 · Frontend Development

Vue 3.4 Release: Faster Template Compiler, Refactored Reactivity, and New API Features

Vue 3.4 introduces a rewritten template compiler that doubles parsing speed, a refactored reactivity system with more precise effect triggering, stable defineModel macro, v‑bind shorthand, improved hydration error messages, and several deprecated features removed, while recommending dependency updates for a smooth upgrade.

JavaScriptReactivityTemplate Compiler
0 likes · 11 min read
Vue 3.4 Release: Faster Template Compiler, Refactored Reactivity, and New API Features
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Dec 29, 2023 · Frontend Development

Master Frontend Design Patterns, Grid Layouts, and Node.js Addons

This article explores high‑frequency frontend design patterns, demonstrates how mastering CSS Grid simplifies layouts, introduces Node.js Addons for native capabilities, reviews Meta’s StyleX CSS‑in‑JS library, recaps major 2023 frontend developments, and highlights the Cloud Academy frontend team.

2023 trendsCSS GridDesign Patterns
0 likes · 4 min read
Master Frontend Design Patterns, Grid Layouts, and Node.js Addons
37 Interactive Technology Team
37 Interactive Technology Team
Dec 29, 2023 · Frontend Development

Why Unit Testing is Needed and How to Write Front‑End Unit Tests with Jest

Unit testing prevents recurring bugs in large front‑end projects by forcing modular, testable code, and with Jest—especially for Vue—developers can quickly write, run, and enforce comprehensive tests covering props, methods, slots, Vuex, and coverage thresholds, while AI tools can scaffold boilerplate test files.

Jestfrontendtest coverage
0 likes · 14 min read
Why Unit Testing is Needed and How to Write Front‑End Unit Tests with Jest
Meituan Technology Team
Meituan Technology Team
Dec 28, 2023 · Frontend Development

Improving Large‑Scale Frontend Development Efficiency and Practice

The article details Meituan’s store‑front development team’s progression through standardization, online‑ization, automation and digitalization, describing the challenges of multi‑platform coordination, the implementation of a unified DevOps workflow, and the resulting continuous‑delivery infrastructure that now supports thousands of front‑end projects across iOS, Android, H5 and dynamic bundles.

Continuous DeliveryDevOpsDigitalization
0 likes · 23 min read
Improving Large‑Scale Frontend Development Efficiency and Practice
IT Services Circle
IT Services Circle
Dec 27, 2023 · Frontend Development

Nuxt.js 3.9 Release Highlights: Vite 5, Vue 3.4, Interactive Server Components, New Loading API and More

The Nuxt.js 3.9 update, released on December 25, introduces Vite 5 and Rollup 4 support, Vue 3.4 compatibility, experimental interactive server components, a new loading indicator API, a callOnce utility, refined error types, performance tweaks, and an easy upgrade command for developers.

Loading APINuxtServer Components
0 likes · 6 min read
Nuxt.js 3.9 Release Highlights: Vite 5, Vue 3.4, Interactive Server Components, New Loading API and More
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 27, 2023 · Frontend Development

Cut Page Load to 1 Second: Frontend Performance Strategies for Feitian Service Platform

Facing heavy load times on the Feitian Service Platform’s customizable homepage, the team applied a three‑stage front‑end performance overhaul—shrinking resources, prioritizing critical paths with progressive loading, and leveraging caching via SWR and Service Workers—resulting in sub‑second page renders and a smoother user experience.

Webcachingfrontend
0 likes · 11 min read
Cut Page Load to 1 Second: Frontend Performance Strategies for Feitian Service Platform
58UXD
58UXD
Dec 27, 2023 · Frontend Development

Optimizing CRM Tables for Better Readability and Usability

This article examines the vital role of tables in B‑end CRM applications, identifies common visual and interaction problems, and presents a set of readability‑ and operability‑focused design guidelines—including typography, component sizing, hover feedback, header handling, row and column treatments—to enhance user efficiency and experience.

CRMTable OptimizationUI design
0 likes · 8 min read
Optimizing CRM Tables for Better Readability and Usability
DaTaobao Tech
DaTaobao Tech
Dec 25, 2023 · Frontend Development

Technical Design and Evolution of Taobao Home Page BFace (Night Taobao)

Taobao’s Night Taobao (BFace) redesign transforms the homepage into a 24‑hour entertainment hub, offering night‑time live streams, short videos and games, using modular front‑end components, cross‑container state sharing, and extensible data pipelines that enabled rapid iteration, tripled user engagement and powered the Double 11 gala.

BFaceBackendOperation
0 likes · 13 min read
Technical Design and Evolution of Taobao Home Page BFace (Night Taobao)
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 23, 2023 · Frontend Development

Implementing Cancellation and Progress Notification for JavaScript Promises

This article examines advanced JavaScript Promise techniques by presenting practical implementations for cancelling a pending promise and for notifying progress during asynchronous operations, complete with code examples, explanations of underlying concepts, and discussion of their relevance in interviews and real‑world development.

JavaScriptProgressPromise
0 likes · 10 min read
Implementing Cancellation and Progress Notification for JavaScript Promises
JD Retail Technology
JD Retail Technology
Dec 21, 2023 · Frontend Development

Exploring HarmonyOS Next: ArkUI Development Framework and Taro Integration

This article introduces Huawei's upcoming HarmonyOS Next, explains the ArkUI framework with its declarative ArkTS and Web‑like development models, compares the two paradigms, and details how the Taro framework can bridge Web development practices to ArkTS for cross‑platform app creation.

ArkUIDeclarative UIHarmonyOS
0 likes · 8 min read
Exploring HarmonyOS Next: ArkUI Development Framework and Taro Integration
php Courses
php Courses
Dec 21, 2023 · Frontend Development

Implementing Image Lazy Loading in PHP: A Step‑by‑Step Guide

This article explains how to implement image lazy loading in PHP by extracting image URLs, generating placeholder tags with data-src attributes, monitoring scroll events via JavaScript, and applying CSS transitions, providing a step‑by‑step guide with complete code examples to improve page load performance.

JavaScriptPHPfrontend
0 likes · 5 min read
Implementing Image Lazy Loading in PHP: A Step‑by‑Step Guide
DevOps
DevOps
Dec 20, 2023 · Frontend Development

Understanding the Evolution, Complexity, and Design Philosophy of Frontend Frameworks

This article examines the history, design motivations, and trade‑offs of modern frontend frameworks—covering Svelte’s new runes feature, the rise of component‑based architectures, template abstraction, cross‑platform compilation, and the differing philosophies of React, Vue, and Svelte—to explain why added complexity ultimately improves developer productivity and code maintainability.

ReactSvelteTypeScript
0 likes · 28 min read
Understanding the Evolution, Complexity, and Design Philosophy of Frontend Frameworks
vivo Internet Technology
vivo Internet Technology
Dec 20, 2023 · Information Security

Frontend Interface Encryption, JavaScript Obfuscation, and Anti‑Debugging Techniques

The article explains how frontend interface encryption, JavaScript compression, obfuscation, and WebAssembly‑based encryption—combined with signature verification and anti‑debugging tricks such as DevTools detection and infinite debugger loops—can raise the cost of reverse‑engineering client‑side logic, though determined attackers may still eventually break the protection.

Obfuscationdebuggingfrontend
0 likes · 19 min read
Frontend Interface Encryption, JavaScript Obfuscation, and Anti‑Debugging Techniques