Less中无法执行JavaScript表达式，random()是其内置伪随机函数，返回0到n-1整数，仅限编译期使用；需用循环配合生成差异化动画，运行时随机应交由JS处理。
Less里不能直接执行JavaScript表达式
Less编译器在构建时运行，不接触浏览器环境，Math.random()这类JS函数根本不可用。所有“动态值”必须在编译期确定，所谓“随机”只能是编译时伪随机——比如用random()函数（Less内置）或基于变量/循环生成不同值。
random()函数的用法和限制
Less提供random(n)，返回0到n-1之间的整数（含0，不含n），每次调用都生成新值——但仅限于同一编译过程内；重复编译可能得到相同序列（取决于Less版本与缓存），并非真随机。
- 必须传入整数，
random(10)有效，random(0.5)报错 - 不能用于计算小数精度值，如要生成
0.1–0.9之间的延迟，得写成(random(9) + 1) * 0.1s - 在
@keyframes中多次调用random()，会得到不同结果，适合制造差异化动画参数
@keyframes float-<code>random(100)</code> {
0% { transform: translateY(0); }
50% { transform: translateY((random(20) - 10) * 1px); }
100% { transform: translateY(0); }
}
用循环+random()批量生成多个动画类
单纯一个@keyframes不够用？需要.animate-float-1、.animate-float-2……带不同持续时间/延迟？就得靠.each()或传统for循环（Less 4.0+支持each()）。
java-api-doc-generator
下载
分析 Java Spring Boot 后端 Controller 代码，自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。
- Less 4.0+ 推荐用
each(1px 2px 3px, @val) { ... }配合random()做组合 - 旧版Less可用递归mixin模拟循环，但
random()在每次递归调用中仍独立求值 - 注意：循环生成的每个
@keyframes名称必须唯一，否则被覆盖——建议拼接random(1000)或索引
.each(1 2 3 4 5, @i) {
@delay: (random(5) + 1) * 0.1s;
@duration: (random(3) + 2) * 1s;
<p>.float-@{i} {
animation: float-@{i}-<code>random(100)</code> @duration ease-in-out @delay infinite;
}</p><p>@keyframes float-@{i}-<code>random(100)</code> {
0%, 100% { opacity: 1; }
50% { opacity: 0.<code>random(8) + 2</code>; }
}
}</p>真正需要JS运行时随机？那就别在Less里硬搞
如果动画参数必须每次页面加载都不同（比如每个用户看到的飘动节奏都不一样），Less完全不合适。此时应放弃CSS预编译注入，改用JS动态生成<style></style>或操作element.style.animation。
立即学习“Java免费学习笔记（深入）”；
- Less生成的是静态CSS文件，无法感知
window.onload或用户交互 - 试图用
@plugin引入JS逻辑极其脆弱，且现代Less已弃用插件机制 - 更务实的做法：Less只定义动画骨架（如
@keyframes base-float），JS用Math.random()设置animation-duration等内联样式
复杂点在于：CSS自定义属性（--anim-delay）可以被JS写入，再被Less/CSS引用，但这属于CSS变量协作，不是Less执行JS。
