Home | Melin's Blog

Latest posts

JS and Barcode Generation: A Practical Guide for the Web

Barcodes feel old compared with QR codes, but they still solve a useful problem: turning short pieces of structured text into simple, machine-readable graphics. With JavaScript,...
How to Prevent a Page From Restoring Its Previous Scroll Position After Refresh

Browsers try to be helpful. When a user refreshes a page normally, such as by clicking the refresh button or pressing F5 , the browser often restores the page to the same scroll...
How to Inherit Custom Elements and Extend Methods Across JavaScript Files

Web Components give us a native way to build reusable UI primitives. But once you start building more than one custom element, a practical question appears quickly: What should...
JS `replaceAll` and `matchAll` Usage Guide, Not a Misguide

String processing in JavaScript looks simple until user input, repeated matches, regular expressions, and captured groups enter the room. Two modern APIs help a lot here: - Stri...
Building a Feishu-Style `@` Mention Input Box with Plain JavaScript

A Feishu-style OKR input box looks simple from the outside: type @ , choose a person, insert a clean mention token, hover it for details, and press Enter to submit. Under the ho...

© 2026 • Melin

Press Esc or click anywhere to close