JS代码点滴

花简静

凡哥 发表于 2024-6-17 11:37
共产主义一样

一样一样的，完美世界

凡哥

2024年6月21日 星期五

以下代码会干啥？

<div id="mydiv" style="font-size: 20px;"></div>   <script> mydiv.innerText = '🌹'.repeat(999); </script>

repeat是个针对字符串的复制方法，大批量重复指定字符串时非常有用。

效果：

凡哥

2024年6月24日 星期一

快速构建数组并重构数组元素时，数组尺寸变量可以不用全局声明变量。例如下面的代码，在《蔡文晶 - 江湖》一帖中使用：

//生成60个粒子
new Array(total = 60).fill(0).map((i,k) => {
i = document.createElement('li-zi');
i.style.cssText += `
left: ${600 / total * k + 20}px;
background-image: linear-gradient(lightgreen, #${Math.random().toString(16).substring(2,8)});
animation-delay: -${Math.random() * 20}s;
--shadow: #${Math.random().toString(16).substring(2,8)};
`;
tz.prepend(i);
});

total变量会使用到，但没有在外部声明，直接放在构建新数组的语句中。

花简静

凡哥 发表于 2024-6-21 09:36
.mum { position: relative; margin: 0; padding: 10px; font: normal 16px/20px Consolas, Monaco, 'Anda ...

今天才看到这里有999朵花，真是壮观。。
上回来只看到代码？或者是手机没看到？
这事真是玄幻

花简静

凡哥 发表于 2024-6-24 08:04
本帖最后由 凡哥 于 2024-6-24 08:06 编辑 2024年6月24日 星期一
快速构建数组并重构数组元素时，数组尺寸 ...

其实看到的实际上是双倍。
除了粒子本身，
出现的还有它的影子。。

凡哥

花简静 发表于 2024-6-24 22:07
其实看到的实际上是双倍。
除了粒子本身，
出现的还有它的影子。。

是的，冰雪地说

凡哥

花简静 发表于 2024-6-24 22:06
今天才看到这里有999朵花，真是壮观。。
上回来只看到代码？或者是手机没看到？
这事真是玄幻 ...

正常正常，匆匆忙忙的是常态

花简静

凡哥 发表于 2024-6-26 08:06
正常正常，匆匆忙忙的是常态

下回加油

花简静

凡哥 发表于 2024-6-26 08:05
是的，冰雪地说

凡哥

花简静 发表于 2024-6-26 21:13