This article explains Vue 3’s v‑memo directive, how it conditionally skips component updates by tracking dependency arrays, and demonstrates its use to dramatically reduce rendering costs in large v‑for lists compared to traditional v‑if/v‑show approaches.
This article explains how to create a custom Vue 3 directive for automatic scrolling of Element‑Plus tables, covering the underlying logic, handling mouse events, conditional scrolling, and integration steps with code examples, enabling developers to implement smooth list carousels without third‑party plugins.
This article explains how repeated button clicks cause duplicate submissions, demonstrates using debounce and a loading‑disabled state to mitigate the issue, and shows how to encapsulate the solution into a reusable Vue 3 directive with complete code examples.
This article explains how to create a reusable Vue directive that animates a list scrolling continuously using requestAnimationFrame, allows pausing on mouse click, and lets users adjust the scroll speed, with a complete code example and detailed implementation notes.
This article explains how to create a reusable Vue 3 directive that applies debounce and throttle to input events, addresses the extra triggers caused by Chinese IME composition, and provides complete TypeScript code examples and usage instructions.
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.
The article introduces the Vue v‑timely‑validate directive, explains how it shifts form validation from blur to change for faster error clearance, outlines form structure, validation principles, usage steps, and provides complete code examples for seamless integration into i‑form components.
The nginx 1.19.4 mainline release adds new directives such as proxy_smtp_auth, several ssl_conf_command variants, and ssl_reject_handshake, with the latter allowing servers to reject SSL handshakes for specified hostnames, as demonstrated by example configuration snippets.
This article explains how to create a long‑press button in a Vue application by using native JavaScript events, timers, and a custom Vue directive, covering variable setup, start and cancel functions, event listeners for mouse and touch, and error handling for non‑function bindings.
The article presents the RxAsync Angular directive, which uses ObservableInput and RxJS to simplify asynchronous UI patterns by automatically managing loading, reload, and retry states, providing a clear, reactive alternative to complex imperative code.
