Jun 26, 2024 · Frontend Development

Understanding Web Components: Custom Elements, HTML Templates, and Shadow DOM

This article explains the evolution, core specifications, and practical usage of Web Components—including Custom Elements, HTML templates, and Shadow DOM—while comparing them to modern front‑end frameworks and demonstrating how to build reusable, encapsulated UI components.

Component EncapsulationHTML templateShadow DOM

0 likes · 13 min read

Understanding Web Components: Custom Elements, HTML Templates, and Shadow DOM

Rare Earth Juejin Tech Community

Dec 25, 2023 · Frontend Development

Comprehensive Guide to Building a Vue3 + Vite + TypeScript Project with Permission Management, Component Encapsulation, and Build Optimization

This article presents a step‑by‑step tutorial for creating a Vue 3 project using Vite and TypeScript, covering project scaffolding, routing and permission control, reusable component and directive encapsulation, custom hooks, Axios configuration, build optimization techniques, and essential TypeScript concepts.

Build OptimizationComponent EncapsulationVite

0 likes · 19 min read

Comprehensive Guide to Building a Vue3 + Vite + TypeScript Project with Permission Management, Component Encapsulation, and Build Optimization