BestHub
Sign in
Tagged articles
679 articles
Page 3 of 7
Sohu Tech Products
Sohu Tech Products
Jun 5, 2024 · Frontend Development

Recent Trends and Updates in the JavaScript Framework Ecosystem

The JavaScript framework ecosystem has surged forward with React adding Server Components, a Compiler and Server Actions; Vue 3.4 delivering faster reactivity and a Vapor mode; Angular introducing Signals and partial hydration; Next.js unveiling an App Router and Turbopack; Nuxt, Svelte, Remix and Astro each releasing performance‑focused features, underscoring a rapidly evolving landscape for modern web development.

AngularJavaScriptNext.js
0 likes · 14 min read
Recent Trends and Updates in the JavaScript Framework Ecosystem
JD Retail Technology
JD Retail Technology
Jun 3, 2024 · Frontend Development

Integrating Two Large Frontend Applications: Architecture, Deployment, and Code Refactoring

This article describes how two large front‑end platforms were systematically merged—covering background analysis, deployment optimization, repository consolidation, application‑type detection, routing, environment variables, request encapsulation, permission handling, and the resulting improvements in development efficiency and user experience.

Code RefactoringDeploymentVue
0 likes · 12 min read
Integrating Two Large Frontend Applications: Architecture, Deployment, and Code Refactoring
Java Tech Enthusiast
Java Tech Enthusiast
May 15, 2024 · Frontend Development

Optimizing Frontend Asset Delivery with Nginx Gzip and Webpack Compression

This guide shows how to speed up Vue‑based web apps by configuring Nginx to serve gzip‑compressed files dynamically and using the compression‑webpack‑plugin to pre‑compress JavaScript and CSS during the build, cutting bundle size from megabytes to a few, and halving page‑load times without extra server load.

Frontend OptimizationGzipNginx
0 likes · 5 min read
Optimizing Frontend Asset Delivery with Nginx Gzip and Webpack Compression
Architecture Digest
Architecture Digest
May 8, 2024 · Frontend Development

Electron Cross‑Platform Development Guide: Environment Setup, Project Structure, and Sample Applications

This article provides a comprehensive tutorial on building cross‑platform desktop applications with Electron, covering environment setup, essential command‑line tools, project initialization, detailed source‑code directory structure, main and renderer processes, inter‑process communication, and example projects such as a music player.

Desktop DevelopmentElectronNode.js
0 likes · 11 min read
Electron Cross‑Platform Development Guide: Environment Setup, Project Structure, and Sample Applications
Architecture Digest
Architecture Digest
Apr 25, 2024 · Frontend Development

Douyin Open-Source Short Video Project – Overview and Setup Guide

This article introduces the Douyin open‑source short‑video project built with Vue and Vite, provides a free book giveaway link, and gives step‑by‑step instructions for installing Node, cloning the repository, installing dependencies with pnpm, and running the application locally.

ViteVuefrontend
0 likes · 3 min read
Douyin Open-Source Short Video Project – Overview and Setup Guide
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Apr 22, 2024 · Frontend Development

How to Build a Mini TinyVue Component Library for Vue 2 & 3

Learn how to create a mini version of the TinyVue component library that works across Vue 2.6, Vue 2.7, and Vue 3 by using a single source code strategy, adaptive layers, renderless logic, and unified APIs, with practical code examples and migration solutions.

Adapter PatternComponent LibraryRenderless
0 likes · 11 min read
How to Build a Mini TinyVue Component Library for Vue 2 & 3
MoonWebTeam
MoonWebTeam
Apr 11, 2024 · Frontend Development

What’s Hot in Front‑End & AI: Vue 2024 Insights, Sora, Oxlint & More

This monthly digest reviews the Vue 2024 conference highlights, explores the breakthrough AIGC model Sora, examines emerging AI programmers and large‑context assistants like Kimi, and evaluates new front‑end tools such as Oxlint and TypeScript’s using keyword, offering practical takeaways for developers.

AIOxlintSora
0 likes · 17 min read
What’s Hot in Front‑End & AI: Vue 2024 Insights, Sora, Oxlint & More
Java Captain
Java Captain
Mar 1, 2024 · Backend Development

Full-Stack Development with Java, Spring Boot, and Vue: A Comprehensive Guide

This article explores the advantages of combining Java, Spring Boot, and Vue for full‑stack web development, outlining the technology selection, step‑by‑step development workflow, best practices for code quality, testing, debugging, performance optimization, and deployment using containerization.

Full-Stack DevelopmentJavaSpring Boot
0 likes · 5 min read
Full-Stack Development with Java, Spring Boot, and Vue: A Comprehensive Guide
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
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
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
Top Architect
Top Architect
Feb 6, 2024 · Backend Development

Implementing an Audit Function with SpringBoot: Design Options, Database Schema, Backend Controllers, and Vue Frontend Integration

This article explains four audit implementation approaches, provides the SQL schema for the audit and file tables, shows complete SpringBoot controller code for handling audit operations and file uploads, and presents full Vue front‑end code for creating, editing, listing, and approving audit records, offering a comprehensive guide for backend developers.

FileUploadSpringBootVue
0 likes · 26 min read
Implementing an Audit Function with SpringBoot: Design Options, Database Schema, Backend Controllers, and Vue Frontend Integration
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 4, 2024 · Frontend Development

Understanding Vue Form Validation, Scoped Data Attributes, Build Output, Remote Component Loading, and Render‑Function Dropdown

This article explains the principles and implementation details of Vue form validation, the generation of scoped data‑v‑xxx attributes, the composition of build output files, remote loading of .vue components, and how to create a dropdown menu using the render function, providing code examples and step‑by‑step explanations.

Dynamic ComponentScoped CSSVite
0 likes · 17 min read
Understanding Vue Form Validation, Scoped Data Attributes, Build Output, Remote Component Loading, and Render‑Function Dropdown
Top Architect
Top Architect
Jan 31, 2024 · Backend Development

Implementing an Audit Functionality with SpringBoot and Vue Frontend

This article provides a step‑by‑step guide on designing and implementing an audit feature using SpringBoot for the backend, MySQL for data storage, and Vue.js for the front‑end, covering multiple implementation strategies, database schema creation, RESTful APIs, file upload handling, and UI interaction details.

FileUploadREST APISpringBoot
0 likes · 20 min read
Implementing an Audit Functionality with SpringBoot and Vue Frontend
Tencent Cloud Developer
Tencent Cloud Developer
Jan 16, 2024 · Frontend Development

Frontend Technology Review 2023 and Outlook 2024

The 2023 frontend review highlights TypeScript’s size and speed gains, ECMAScript 2023 features, evolving frameworks like React, Vue, Svelte, Angular and emerging Qwik, while Rust tooling, Bun, browser changes, AI‑driven low‑code, and WASM progress set the stage for 2024’s LLM‑powered, Rust‑centric, cross‑platform development.

BunD2CHarmonyOS
0 likes · 49 min read
Frontend Technology Review 2023 and Outlook 2024
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
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
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 7, 2024 · Frontend Development

Introducing Pictode: A Konva.js‑Based Graphical Editor Framework with Tutorials and Plugin Guide

This article presents Pictode, a Konva.js‑driven graphics editor framework, explains its core features, demonstrates how to set up a canvas, use drawing tools, selector and history plugins, and provides step‑by‑step code examples for integration with Vue or other front‑end projects.

CanvasJavaScriptKonva.js
0 likes · 14 min read
Introducing Pictode: A Konva.js‑Based Graphical Editor Framework with Tutorials and Plugin Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 4, 2024 · Frontend Development

How to Build a Fully Editable Table with ElementPlus in Vue 3

This guide explains how to create a reusable EditTable component that extends ElementPlus's el-table, providing add, delete, edit, and save capabilities, custom editable columns, form validation, dynamic data loading, and a simple API for integrating editable tables into Vue applications.

ComponentEditable TableElementPlus
0 likes · 12 min read
How to Build a Fully Editable Table with ElementPlus in Vue 3
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
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
IT Xianyu
IT Xianyu
Dec 18, 2023 · Frontend Development

Geeker-Admin: Open‑Source Vue3‑Based Backend Management Framework

Geeker-Admin is an open‑source admin panel built with Vue 3.3, TypeScript, Vite 5, Pinia and Element‑Plus, offering a rich ProTable component, dynamic routing, theme switching, i18n, extensive custom directives, and full linting and commit tooling for rapid frontend development.

TypeScriptViteVue
0 likes · 4 min read
Geeker-Admin: Open‑Source Vue3‑Based Backend Management Framework
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 18, 2023 · Frontend Development

Evolution of Varlet UI: Architecture, Monorepo, Design System, and Tooling in 2023

In this article the author, creator of the Vue3 mobile component library Varlet UI, shares the latest architectural changes, monorepo setup, design system, development tooling, testing, build outputs, documentation deployment, playground, and VSCode extensions, reflecting on lessons learned over the past two years.

Component LibraryViteVue
0 likes · 12 min read
Evolution of Varlet UI: Architecture, Monorepo, Design System, and Tooling in 2023
ByteFE
ByteFE
Dec 6, 2023 · Frontend Development

Comprehensive Guide to Building Chrome Extensions with React/Vue, Debugging, and E2E Testing

This article explains the overall architecture of Chrome extensions, how to create popup, DevTools, and content scripts using React or Vue, configure manifest.json, set up multi‑entry Webpack builds, debug each component, and perform end‑to‑end testing with Puppeteer and Xvfb for CI environments.

Chrome extensionsDebuggingPuppeteer
0 likes · 18 min read
Comprehensive Guide to Building Chrome Extensions with React/Vue, Debugging, and E2E Testing
MaGe Linux Operations
MaGe Linux Operations
Dec 6, 2023 · Frontend Development

Mastering Vue's Reactivity: From Object.defineProperty to Proxy

This article explains the fundamentals of Vue's reactivity system, comparing Vue2's Object.defineProperty approach with Vue3's Proxy-based implementation, and walks through building a custom dependency-collection model with code examples, key-level tracking, and branch-aware cleanup to achieve precise reactive updates.

Dependency CollectionProxyReactivity
0 likes · 9 min read
Mastering Vue's Reactivity: From Object.defineProperty to Proxy
Tencent Cloud Developer
Tencent Cloud Developer
Dec 5, 2023 · Frontend Development

Understanding the Evolution, Design, and Complexity of Modern Front-End Frameworks

The article traces the historical evolution of front‑end frameworks—from static pages and jQuery to modern component‑based libraries like React, Vue, and Svelte—explaining why added complexity and compile‑time features such as Svelte’s runes improve maintainability, reactivity, and cross‑platform capabilities while weighing each framework’s design philosophy and trade‑offs for developers.

DesignReactSvelte
0 likes · 27 min read
Understanding the Evolution, Design, and Complexity of Modern Front-End Frameworks
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 2, 2023 · Frontend Development

Vue Quick Start Guide for Backend Developers

This article provides backend developers with a concise Vue quick‑start guide, covering core features such as component‑based architecture, two‑way data binding, and virtual DOM, and demonstrates practical setup via CDN or Vue CLI, along with detailed examples of data handling, computed properties, watchers, methods, and common directives.

JavaScriptTutorialVue
0 likes · 12 min read
Vue Quick Start Guide for Backend Developers
vivo Internet Technology
vivo Internet Technology
Nov 15, 2023 · Frontend Development

Design and Implementation of a BI Filter Component Library (bi-filters)

The article details how the BI platform’s bulky, tightly‑coupled filter was refactored into a standalone, generic ‘bi‑filters’ library managed with Lerna and Vue‑CLI, enabling on‑demand imports, independent packaging, and a three‑layer design that improves extensibility, universality, robustness, reduces code size, and simplifies maintenance.

BIComponent DesignLibrary
0 likes · 13 min read
Design and Implementation of a BI Filter Component Library (bi-filters)
Weimob Technology Center
Weimob Technology Center
Nov 10, 2023 · Frontend Development

How Design Tokens Enable Consistent UI Across Platforms in Titian

This article explains how the Titian component library uses Design Tokens to abstract visual attributes like color, typography, spacing, and shadow, allowing seamless theme customization, global and component-level styling, dark mode support, and multi‑framework integration for consistent front‑end development.

Component LibraryReactTheme Customization
0 likes · 14 min read
How Design Tokens Enable Consistent UI Across Platforms in Titian
vivo Internet Technology
vivo Internet Technology
Nov 8, 2023 · Frontend Development

Design and Performance Optimization of a Cross‑Tab Component in Vivo's Agile BI Visualization Platform

This article details the design evolution and performance optimization of Vivo's Agile BI cross‑tab component—from a jQuery prototype to a React‑based solution—highlighting worker‑offloaded preprocessing, virtual scrolling, and micro‑frontend integration that enable sub‑second rendering of massive data sets and match or surpass competing BI tools.

Cross TabData visualizationReact
0 likes · 16 min read
Design and Performance Optimization of a Cross‑Tab Component in Vivo's Agile BI Visualization Platform
Huolala Tech
Huolala Tech
Nov 7, 2023 · Frontend Development

Why Does My Vue App Show a White Screen on Old Android Devices? Fixing Vite Legacy Compatibility

This article uses a fictional story to illustrate a front‑end white‑screen problem on an old Android phone, analyzes the root causes such as unsupported Chrome versions, missing globalThis and Vue loading failures, and provides a step‑by‑step Vite legacy downgrade solution with code examples and configuration tips.

CompatibilityLegacyVite
0 likes · 15 min read
Why Does My Vue App Show a White Screen on Old Android Devices? Fixing Vite Legacy Compatibility
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 5, 2023 · Frontend Development

Practical JavaScript Techniques: Maps, Sets, Array.from, Destructuring, API Integration, and Tree Conversion

This article shares practical JavaScript snippets for managing dictionaries with Map, deduplicating arrays using Set, constructing data with Array.from, applying destructuring patterns, merging API modules in Vue projects, and converting flat data into tree structures, providing clear examples and reusable code.

Array.fromDestructuringJavaScript
0 likes · 7 min read
Practical JavaScript Techniques: Maps, Sets, Array.from, Destructuring, API Integration, and Tree Conversion
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 31, 2023 · Frontend Development

User Behavior Recording Techniques: Video, Screenshot, and DOM Snapshot (rrweb) Comparison and Implementation

This article examines various user behavior recording methods—including WebRTC video capture, canvas-based screenshot recording, and DOM snapshot recording with rrweb—detailing their technical implementations, advantages, limitations, and suitable application scenarios for product analysis, debugging, and automated testing.

VueWebRTCfrontend
0 likes · 28 min read
User Behavior Recording Techniques: Video, Screenshot, and DOM Snapshot (rrweb) Comparison and Implementation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 28, 2023 · Frontend Development

Implementing Entry Animations and Seamless Scrolling in a Vue 3 Big‑Screen Visualization Project

This article demonstrates how to add entry animations and implement seamless horizontal and vertical scrolling in a Vue 3‑based big‑screen visualization project using ECharts, Gaode map, Pinia, CSS keyframes, and the animejs library, with complete code examples and component packaging.

AnimejsComponentSeamless Scroll
0 likes · 11 min read
Implementing Entry Animations and Seamless Scrolling in a Vue 3 Big‑Screen Visualization Project
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 20, 2023 · Frontend Development

Building a High‑Performance Genshin Impact Map with CanvasKit, Gesture Recognition, and React/Vue Integration

This article explains why the official web map built with Leaflet suffers from poor performance, how using CanvasKit (Skia compiled to WebAssembly) together with @use-gesture and popmotion dramatically improves rendering speed and interaction smoothness, and provides a complete implementation and component wrappers for Vue and React.

CanvasKitMap RenderingVue
0 likes · 14 min read
Building a High‑Performance Genshin Impact Map with CanvasKit, Gesture Recognition, and React/Vue Integration
HomeTech
HomeTech
Oct 18, 2023 · Frontend Development

Web Page Performance Metrics and Optimization Practices

This article explains why web performance matters, introduces key user‑centric metrics such as First Contentful Paint, Largest Contentful Paint and Cumulative Layout Shift, describes how to measure them with tools like Chrome DevTools, Lighthouse and ftwo, and provides practical optimization techniques including gzip, HTTP/2, CDN, image handling, code splitting and Vue router lazy‑loading.

CDNMetricsVue
0 likes · 9 min read
Web Page Performance Metrics and Optimization Practices
政采云技术
政采云技术
Oct 18, 2023 · Frontend Development

Getting Started with Pinia: Installation, Store Creation, and Core Concepts

This guide introduces Pinia, a lightweight Vue state‑management library, covering its installation, creation of a Pinia instance, defining stores in both options and setup styles, and detailed usage of state, getters, and actions with code examples, highlighting its simplicity compared to Vuex.

State ManagementTypeScriptVue
0 likes · 8 min read
Getting Started with Pinia: Installation, Store Creation, and Core Concepts
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 14, 2023 · Frontend Development

Understanding Vue's Diff Algorithm: A Step‑by‑Step Guide

This article explains Vue's diff algorithm in detail, covering prerequisite concepts about VNode, left‑ and right‑side comparisons, handling arrays of different lengths, and the complete implementation with code examples to help developers grasp how Vue efficiently updates the DOM.

Diff AlgorithmJavaScriptVue
0 likes · 11 min read
Understanding Vue's Diff Algorithm: A Step‑by‑Step Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 12, 2023 · Frontend Development

Implementing Resizable Elements with Vue Directives (v‑resize)

This article explains how to create a Vue directive for element resizing, covering basic right‑side resizing, handling trigger zones, enforcing minimum dimensions, adding left/right multi‑direction support, and providing complete JavaScript and TypeScript implementations with usage examples and future enhancements.

DirectiveJavaScriptResize
0 likes · 16 min read
Implementing Resizable Elements with Vue Directives (v‑resize)
HelloTech
HelloTech
Oct 9, 2023 · Frontend Development

Vue Expand/Collapse Animation for FAQ Section

The article shows how to create a smooth FAQ expand‑collapse effect in Vue by storing each item’s visibility in a show flag, wrapping the answer in a transition component, and using JavaScript hooks to set explicit heights and overflow while rotating the arrow icon for visual feedback.

CSS TransitionExpand CollapseFAQ
0 likes · 10 min read
Vue Expand/Collapse Animation for FAQ Section
JD Tech
JD Tech
Sep 27, 2023 · Frontend Development

Core Front-End Technologies of JD Competition Ranking H5 Page

This article examines the core front‑end technologies employed in JD’s Competition Ranking H5 page, covering animation implementations, style configuration, skin switching, poster generation, debugging tools, request handling, and deployment scripts, providing practical insights and code examples for front‑end developers.

CSSH5Vue
0 likes · 22 min read
Core Front-End Technologies of JD Competition Ranking H5 Page
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 27, 2023 · Frontend Development

Implementing Genshin Impact Character Switch Effect with Vue: Horizontal Scrolling, Background Animation, and Mobile Touch Handling

This article walks through recreating the Genshin Impact character switch UI using Vue, detailing the horizontal avatar carousel, background image scaling animations, and touch‑based swipe handling for mobile, complete with code snippets and edge‑case logic.

CSSJavaScriptResponsive Design
0 likes · 12 min read
Implementing Genshin Impact Character Switch Effect with Vue: Horizontal Scrolling, Background Animation, and Mobile Touch Handling
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 25, 2023 · Frontend Development

Useful Vue.js Libraries to Accelerate Frontend Development

This article introduces several popular open‑source Vue.js libraries—including vueuse, vue‑js‑modal, vue‑wait, good‑table, vue‑notification, tree‑select, and egjs‑infinite‑grid—detailing their features, star counts, usage examples, and GitHub links to help developers quickly enhance their Vue projects.

JavaScriptVuecomponents
0 likes · 5 min read
Useful Vue.js Libraries to Accelerate Frontend Development
php Courses
php Courses
Sep 12, 2023 · Frontend Development

9 Popular Front-End Admin Dashboard Templates Recommended by Veteran Developers

This article introduces nine widely used front-end admin dashboard templates—ranging from Bootstrap‑based solutions to Vue, React, and Angular frameworks—highlighting their key features, GitHub star counts, and demo screenshots to help developers choose the most suitable tool for their projects.

AngularBootstrapReact
0 likes · 5 min read
9 Popular Front-End Admin Dashboard Templates Recommended by Veteran Developers
Open Source Linux
Open Source Linux
Sep 12, 2023 · Cloud Native

Master Docker from Zero: Build, Ship, and Run Your First Container

This guide walks you through Docker fundamentals, comparing virtual machines and containers, explains core Docker concepts, shows how to install Docker, create a Dockerfile for a Vue app, build and run the image with Nginx, and shares best‑practice tips for publishing and optimizing containers.

DevOpsDockerDockerfile
0 likes · 16 min read
Master Docker from Zero: Build, Ship, and Run Your First Container
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 11, 2023 · Frontend Development

Converting State‑Driven Dialogs to Command‑Style Calls with the useCommandComponent Hook

This article explains how to convert state‑driven Element‑Plus Dialog components into a command‑style API using a custom useCommandComponent hook, discusses the drawbacks of traditional Dialog handling, outlines required component conventions, provides implementation code, and offers practical usage examples for Vue developers.

Composition APIDialogVue
0 likes · 11 min read
Converting State‑Driven Dialogs to Command‑Style Calls with the useCommandComponent Hook
Spring Full-Stack Practical Cases
Spring Full-Stack Practical Cases
Aug 28, 2023 · Information Security

How to Secure API Transmission with Spring Boot, Vue, and AES/DES Encryption

This guide explains how to protect API data exchange by implementing HTTPS, JWT, rate limiting, MAC, and symmetric encryption (AES/DES) in a Spring Boot backend, while using Vue and Axios on the frontend, including custom annotations, request/response advice, and crypto‑js utilities for end‑to‑end encryption.

AESAPI SecurityJWT
0 likes · 15 min read
How to Secure API Transmission with Spring Boot, Vue, and AES/DES Encryption
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 26, 2023 · Frontend Development

Responsive Full‑Page Scroll Implementation with Vue 3

This article explains how to create a responsive full‑screen scrolling effect using Vue 3, detailing the concept, requirements, underlying principles, and providing complete HTML, JavaScript, and CSS code to handle mouse wheel, touch events, dynamic height calculation, and indicator navigation.

CSSFullPageScrollHTML
0 likes · 12 min read
Responsive Full‑Page Scroll Implementation with Vue 3
JD Retail Technology
JD Retail Technology
Aug 9, 2023 · Frontend Development

Key Front-End Technologies Used in JD Competition Ranking H5 Page

This article explores the core front‑end technologies implemented in JD’s Competition Ranking H5 page, covering animation effects, style configuration, skin switching, poster generation, debugging tools, performance optimizations, and deployment strategies, providing practical references for front‑end developers.

ResponsiveVueanimation
0 likes · 19 min read
Key Front-End Technologies Used in JD Competition Ranking H5 Page
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 7, 2023 · Frontend Development

Understanding and Fixing the Reset Behavior Issue in Element‑Plus Form Component

This article analyzes why the reset button in an Element‑Plus form clears all fields instead of restoring the initial values, explains the underlying cause related to the onMounted lifecycle timing, and presents several practical solutions—including lifecycle adjustment, patch‑package, component extension, and repository forking—to reliably preserve initial form data in Vue projects.

Element PlusFormVue
0 likes · 7 min read
Understanding and Fixing the Reset Behavior Issue in Element‑Plus Form Component
21CTO
21CTO
Aug 6, 2023 · Frontend Development

Designing Scalable Frontend Folder Structures: Best Practices and Real‑World Example

This article explains why a well‑planned directory layout is essential for frontend projects, compares default flat structures with a feature‑oriented hierarchy, and provides step‑by‑step guidance—including folder definitions, creation commands, and import rules—to build maintainable, modular applications.

Vuebest practicesfeature-based
0 likes · 8 min read
Designing Scalable Frontend Folder Structures: Best Practices and Real‑World Example
IT Services Circle
IT Services Circle
Jul 19, 2023 · Frontend Development

10 Open-Source Front-End Low-Code Projects

This article introduces ten open-source front‑end low‑code platforms—including GoView, vlife, JeecgBoot, maku‑generator, MtBird, Luban H5, Seezoon Stack, Variant Form, ng‑form, and h5‑factory—detailing their main features, technology stacks, and where to obtain their source code.

ReactVuelow-code
0 likes · 7 min read
10 Open-Source Front-End Low-Code Projects
Kuaishou E-commerce Frontend Team
Kuaishou E-commerce Frontend Team
Jul 13, 2023 · Frontend Development

Master Vue Internationalization with vue‑swift‑i18n: Full Feature Guide

This guide explains how the vue‑swift‑i18n VS Code extension automates detection, JSON generation, key replacement, tooltip display, JSON flattening, and code completion for Chinese strings in Vue projects, providing step‑by‑step instructions, configuration options, and practical examples to streamline internationalization.

AutomationJSONVS Code
0 likes · 8 min read
Master Vue Internationalization with vue‑swift‑i18n: Full Feature Guide
政采云技术
政采云技术
Jul 12, 2023 · Frontend Development

Detailed Explanation of Vue 2 Template Compilation Process

This article walks through how Vue 2 templates are compiled into render functions using webpack, vue‑loader, template‑loader and the underlying compiler, illustrating each step with project structure, source code snippets, and a deep dive into the AST‑to‑render pipeline.

Vuetemplate compilationvue-loader
0 likes · 16 min read
Detailed Explanation of Vue 2 Template Compilation Process
macrozheng
macrozheng
Jun 30, 2023 · Backend Development

Mastering Order Management in a SpringBoot‑Vue E‑Commerce Project

This article walks through the design and implementation of the order module in the Mall project, covering both backend administration and frontend shopping flow, database schema, API design, and available video tutorials for a comprehensive e‑commerce solution.

BackendOrder ManagementSpringBoot
0 likes · 8 min read
Mastering Order Management in a SpringBoot‑Vue E‑Commerce Project
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Jun 28, 2023 · Frontend Development

Mastering OpenTiny: Build Cross‑Framework Admin Apps and Custom Themes in Minutes

This article introduces OpenTiny, an enterprise‑grade, cross‑framework component library for Vue2, Vue3, and Angular, explains its five key advantages—including seamless Vue2‑to‑Vue3 migration and renderless architecture—and provides step‑by‑step commands to quickly scaffold an admin system and customize themes via its CLI and theme‑config tools.

CLIComponent LibraryOpenTiny
0 likes · 7 min read
Mastering OpenTiny: Build Cross‑Framework Admin Apps and Custom Themes in Minutes
JD Cloud Developers
JD Cloud Developers
Jun 27, 2023 · Frontend Development

Unlocking JD’s Race Ranking H5: Key Front‑End Techniques & Animations

This article explores the core front‑end technologies behind JD’s Race Ranking H5 page, covering animation implementations, style configuration, skin switching, poster generation, debugging tools, API protection, and deployment workflows, offering practical insights and code examples for developers building sophisticated mobile web applications.

H5Vueanimation
0 likes · 21 min read
Unlocking JD’s Race Ranking H5: Key Front‑End Techniques & Animations
21CTO
21CTO
Jun 22, 2023 · Frontend Development

Vue vs React: Which Programming and View Style Fits Your Project?

This article compares Vue and React across programming syntax, view templating, component architecture, routing, state management, lifecycle hooks, and side‑effect handling, highlighting the trade‑offs in syntax complexity, flexibility, and developer ergonomics to help you choose the right framework for your needs.

ComparisonProgramming StyleVue
0 likes · 19 min read
Vue vs React: Which Programming and View Style Fits Your Project?
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 19, 2023 · Frontend Development

Breaking the CRUD Sisyphus Loop: Low‑Code, DSL, and Atomic Components for Frontend Development

The article examines how low‑code platforms and domain‑specific languages can transform repetitive CRUD development in front‑end engineering by introducing visual abstraction, atomic components, and declarative DSLs, while also discussing their limitations, practical implementation patterns, and the importance of conventions over configuration.

CRUDDSLVue
0 likes · 14 min read
Breaking the CRUD Sisyphus Loop: Low‑Code, DSL, and Atomic Components for Frontend Development
FunTester
FunTester
Jun 15, 2023 · Frontend Development

How to Write Reusable Code in Frontend Development

This article explains how to write reusable frontend code by identifying and separating reusable parts such as UI components, API calls, business workflows, shared data, and utility functions, illustrating each with React and Vue examples, code snippets, and best‑practice recommendations.

APIReactVue
0 likes · 7 min read
How to Write Reusable Code in Frontend Development
Tencent Cloud Developer
Tencent Cloud Developer
Jun 14, 2023 · Frontend Development

How Tencent Video Built a One‑Code Multi‑Platform Search with Hippy

This article explains how Tencent Video created a unified search system that runs on Android, iOS, H5, mini‑programs and PC by consolidating backend interfaces, using the Hippy‑Vue stack, conditional compilation, and a three‑layer template to dramatically reduce development and maintenance costs.

DeploymentHippyMobile
0 likes · 12 min read
How Tencent Video Built a One‑Code Multi‑Platform Search with Hippy
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 12, 2023 · Frontend Development

How to Build a Cross‑Version Vue Component Library for Vue 2 and Vue 3

This article explains the challenges of upgrading large B2B Vue 2 projects to Vue 3, evaluates three technical approaches—Vue SFC templates, render functions, and standard JSX—and details the chosen JSX‑based strategy, multi‑layer architecture, TypeScript support, and open‑source implementation for a seamless cross‑version component library.

Component LibraryCross-VersionJSX
0 likes · 23 min read
How to Build a Cross‑Version Vue Component Library for Vue 2 and Vue 3