The Annoyance That Started This

说明与用途

一个轻量级的静态网页应用，使用纯 HTML、CSS Grid 和 JavaScript，快速生成重复文本，支持复制到剪贴板和下载文件，完全不依赖广告、服务器或出现性能卡顿。

问题

Existing online tools for repeating a string were slow, bloated, and unreliable, especially for large counts.

结果

A 5‑KB static page that loads instantly, scores 100 on Lighthouse, and handles thousands of repetitions without performance issues.

工作流

• 1. Create a static HTML page with input fields for text, count, and options for numbering and separator.
• 2. Use CSS Grid with auto-fill and minmax to layout output in a responsive grid without JavaScript.
• 3. Build the repeated string using an array and join to avoid costly string concatenation.
• 4. Attach a click handler to copy the output to the clipboard using navigator.clipboard.writeText.
• 5. Provide a download button that creates a Blob, generates an object URL, triggers a click on a hidden link, and revokes the URL.
• 6. Test performance with large counts to ensure no visible hitches.

证据

The finished tool is a handful of KB, loads instantly, and scores 100 on Lighthouse

Array build and a single join fixes this outright

Blob plus an object URL does the whole job with no server involved