Whack-a-mole（打地鼠）

最新推荐文章于 2024-06-22 09:45:53 发布

孤岛浅滩

最新推荐文章于 2024-06-22 09:45:53 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： notes 文章标签：打地鼠 lineheight flex setTimeout classList

本文链接：https://blog.youkuaiyun.com/m0_37851778/article/details/77296566

notes 专栏收录该内容

89 篇文章

订阅专栏

本文探讨了前端开发中几个实用的技巧，包括flex布局的应用、setTimeout()的使用详解、classList属性的操作方法以及line-height属性的不同设置方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

源码传送门：https://github.com/yycer/share

这里写图片描述

几个小问题
1.flex布局

传送门：http://blog.youkuaiyun.com/m0_37851778/article/details/77241009

2.setTimeout()

setTimeout(()=> timeUp = true , 10000);

//等价于
setTimeout(function(){
    timeUp = true;
},10000);

3.classList属性返回元素的类名，作为DOMTokenList对象。

该属性是只读的，但可使用以下方法修改它。
①add(class1,class2,...)
②remove(class1,class2,...)
③toggle(class,true|false)
④item(index)
⑤contain(class)

4.line-height
http://cssreference.io/property/line-height/

①line-height行高：两行文字间基线（base line）的距离。
②line-height: normal;
③line-height: 1.6;--- the line height will be relative to the font size.
④line-height: 30px;
⑤line-height: 0.8em;--- the line height will be relative to the font size.