How We Rebuilt a Fault‑Tolerant Vue Permission System After Three Failed Attempts

After three successive permission‑system failures caused mismatched UI, fragmented checks, and tightly coupled logic, we rebuilt the Vue.js permission architecture using a unified API, a TypeScript‑typed hook, and an optional v‑permission directive, achieving maintainable, debuggable, and easily extensible access control across pages, buttons, and fields.

Frontend ArchitectureTypeScriptVue.js

0 likes · 7 min read

How We Rebuilt a Fault‑Tolerant Vue Permission System After Three Failed Attempts

Rare Earth Juejin Tech Community

Apr 29, 2025 · Frontend Development

Implementing Vue‑Style Directives in React with a Babel Plugin

This article explores three approaches to bring Vue‑like directives such as r‑if and r‑for into React, compares their pros and cons, and provides a complete Babel plugin implementation that transforms custom JSX attributes into standard React conditional and list rendering syntax.

JSXReactbabel

0 likes · 9 min read

Implementing Vue‑Style Directives in React with a Babel Plugin

Rare Earth Juejin Tech Community

Dec 11, 2024 · Frontend Development

Lesser‑Known Vue.js Built‑in Directives: v‑once, v‑pre, and v‑memo

This article introduces three lesser‑used Vue.js built‑in directives—v‑once, v‑pre, and v‑memo—explaining their purposes, underlying mechanisms, and providing practical code examples that demonstrate how they can improve rendering performance or bypass compilation when applied appropriately.

Vuedirectivesperformance

0 likes · 7 min read

Lesser‑Known Vue.js Built‑in Directives: v‑once, v‑pre, and v‑memo

MaGe Linux Operations

Aug 20, 2021 · Backend Development

Mastering Nginx: Essential Directives, Root, Location, and try_files Explained

This guide explains how to build a minimal, secure Nginx server, covering the required minimal configuration and detailed usage of the root, location, and try_files directives with practical code examples and matching rules.

BackendConfigurationNginx

0 likes · 5 min read

Mastering Nginx: Essential Directives, Root, Location, and try_files Explained

WeDoctor Frontend Technology

Mar 15, 2021 · Frontend Development

Deep Dive into Vue’s mergeOptions: Normalizing Props, Inject, and Directives

This article explains how Vue’s mergeOptions function merges constructor and instance options, detailing the normalization of props, inject, and directives, and how extends and mixins are recursively combined to produce the final component configuration.

InjectJavaScriptProps

0 likes · 10 min read

Deep Dive into Vue’s mergeOptions: Normalizing Props, Inject, and Directives

360 Tech Engineering

Nov 8, 2019 · Fundamentals

Function Implementation Hiding Proposal: Goals, Directives, and Alternative Approaches

This article reviews the TC39 function‑implementation‑hiding proposal, explains the new hide‑source and sensitive directives that can conceal Function.prototype.toString and Error.stack details, evaluates their benefits and drawbacks, compares alternative hiding mechanisms, and answers common questions about the specification.

Error.stackFunction.prototype.toStringTC39

0 likes · 13 min read

Function Implementation Hiding Proposal: Goals, Directives, and Alternative Approaches

Java High-Performance Architecture

Oct 14, 2015 · Frontend Development

Why AngularJS Outshines jQuery: Data Binding, Directives, and More

This article compares AngularJS and jQuery, highlighting AngularJS's framework‑level advantages such as two‑way data binding, powerful built‑in directives, and extensible custom directives that simplify development and improve code readability over jQuery's library approach.

AngularJSdata bindingdirectives

0 likes · 5 min read

Why AngularJS Outshines jQuery: Data Binding, Directives, and More