JS代码点滴

凡哥

花简静 发表于 2024-8-12 11:20
感觉看到滑竿没那么怕了。。
还是要仔细研究一下代码，不知道能不能看懂 ...

滑杆是 input 标签，type（类型）为 range 时它就是滑杆了。滑杆需要 min 属性表示最小值，max 属性表示最大值，value 属性表示当前值，step 属性表示步进值（缺省时是1）。input 是行内标签，做滑杆时写成：

<input id="rng1" type="range" min="0" max="100" value="0" />

一般会使用一个 output 标签，跟在其后，用来显示 range 的 value 值：

<output id="out1">0</output>

在js，在滑杆的 input 事件中，用 out1.value = range1.value 来实时更新当前滑杆的当前值

花简静

先试了下这个居中，果然好用。 width: fit-content; height: fit-content;

花简静

凡哥 发表于 2024-8-12 17:38
滑杆是 input 标签，type（类型）为 range 时它就是滑杆了。滑杆需要 min 属性表示最小值，max 属性表示 ...

这个说明太好了。。

凡哥

花简静 发表于 2024-8-12 18:23
这个说明太好了。。

HTML标签感兴趣的可以看看官网资料，内容都不会太多。

凡哥

花简静 发表于 2024-8-12 18:18
先试了下这个居中，果然好用。
        width: fit-content;
        height: fit-content;

fit-content 与居中无关。它用了表示元素的宽、高依据其内部的内容决定，以内部子元素最宽、最高尺寸决定自己的尺寸，这是父随子便。

要求子元素不能都是绝对定位，绝对定位的元素不占位，所以给不了父元素空间。

花简静

凡哥 发表于 2024-8-13 07:43
fit-content 与居中无关。它用了表示元素的宽、高依据其内部的内容决定，以内部子元素最宽、最高尺寸决定 ...

父随子便，好灵活的计算法方。。之前没留意有这种写法

花简静

凡哥 发表于 2024-8-13 07:39
HTML标签感兴趣的可以看看官网资料，内容都不会太多。

那里不系列不系统，知识都是一点一点的。

凡哥

花简静 发表于 2024-8-13 13:01
父随子便，好灵活的计算法方。。之前没留意有这种写法

CSS虽然简单，但也是有扩展的趋势，而且，它也会有无限可能

凡哥

花简静 发表于 2024-8-13 13:02
那里不系列不系统，知识都是一点一点的。

它的资料就是待查的。比方你要查 audio 标签，去找它准没错

花简静

凡哥 发表于 2024-8-13 13:02
CSS虽然简单，但也是有扩展的趋势，而且，它也会有无限可能

根据需要各种写法都有。。。上下左右四面八方无不通达、
要为这个创意 点赞