迄今为止碰到最令人惊叹的JavaScript代码，短小却精悍

精悍"/>

迄今为止碰到最令人惊叹的JavaScript代码，短小却精悍

单行写一个评级组件："★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);

-----------------------------------分隔符------------------------------- 上面是原答案，补充一下说说怎么用吧，定义一个变量rate是1到5的值，然后执行上面代码，看图

-----------------------------------分隔符-------------------------------

评论里很多人说不能小说，这几天比较闲，把支持小数的也实现了一下 ，具体功能见专栏文章

构建东半球最小的评级组件

思路

支持小数其实很简单，先用☆☆☆☆☆当背景，然后把★★★★★放在上层，通过控制width+overflow就可以轻松支持小数字，不仅仅是2.5, 3.8也支持 毕竟我们宽度用em单位

实现

思路有了，代码就脱口而出了

<div>☆☆☆☆☆</div>

css

div {position:relative;
}
div::after{content:'★★★★★';position:absolute;top:0;left:0;width:2.5em;overflow: hidden;
}