伪元素+GIF图片：实现帖子主体的动态渲染

马黑黑

红影 发表于 2022-4-4 23:14
发现伪元素的作用还挺大的。

它是元素的前后影子呢

红影

马黑黑 发表于 2022-4-5 00:02
它是元素的前后影子呢

这个用好了效果真不错。

马黑黑

红影 发表于 2022-4-5 20:55
这个用好了效果真不错。

前端有一个不成文的规矩，能用一个盒子做的事情，就不用两个；能用CSS完成的事情，就不用JS

红影

马黑黑 发表于 2022-4-5 23:05
前端有一个不成文的规矩，能用一个盒子做的事情，就不用两个；能用CSS完成的事情，就不用JS

嗯嗯，这个规矩还挺有道理的。

马黑黑

红影 发表于 2022-4-5 23:40
嗯嗯，这个规矩还挺有道理的。

其实也不必过于较真，实现目标是第一要义，代码有所冗余算不了什么大问题

红影

马黑黑 发表于 2022-4-6 09:29
其实也不必过于较真，实现目标是第一要义，代码有所冗余算不了什么大问题

当然是越简洁越好啊，就算找错也方便呀。

马黑黑

红影 发表于 2022-4-6 20:39
当然是越简洁越好啊，就算找错也方便呀。

简洁的未必好改，比如三元运算，可读性不比if语句好。再看我UFO帖子用到的JS语句，有一句是酱紫的：

stage.onclick = () => { aud.paused ? aud.play() : aud.pause(); }

它简洁，但是相信没多少人能读懂。这句等价于：

stage.onclick = function() {
    if(aud.paused == true) {
        aud.play();
    } else {
        aud.pause();
    }

语法糖的好处是简洁，牺牲的是可读性。

红影

马黑黑 发表于 2022-4-6 21:21
简洁的未必好改，比如三元运算，可读性不比if语句好。再看我UFO帖子用到的JS语句，有一句是酱紫的：

s ...

其实，就算展开来我也没怎么看懂呢

马黑黑

红影 发表于 2022-4-7 12:35
其实，就算展开来我也没怎么看懂呢

需要一点英文和编程语法基础吧，我解释一下if语句：

stage.onclick = function() { //舞台单击事件-匿名函数
    if(aud.paused == true) { //如果播放器的暂停为真
        aud.play(); //则按下按钮后播放音乐
    } else { //不然的话
        aud.pause();//按钮按下时暂停音乐
    }

红影

马黑黑 发表于 2022-4-7 12:38
需要一点英文和编程语法基础吧，我解释一下if语句：

stage.onclick = function() { //舞台单击事件-匿 ...

翻译成汉语总算能明白点了，多谢黑黑

马黑黑

红影 发表于 2022-4-7 20:58
翻译成汉语总算能明白点了，多谢黑黑

还是那个问题：英文基础要跟上，毕竟流行的语言的是自然语言，以英语为基础

红影

马黑黑 发表于 2022-4-7 22:06
还是那个问题：英文基础要跟上，毕竟流行的语言的是自然语言，以英语为基础

嗯嗯，对这些专用语言需要记忆一部分了

马黑黑

红影 发表于 2022-4-8 21:39
嗯嗯，对这些专用语言需要记忆一部分了

英文水平过得去的无需花费精力去记忆

红影

马黑黑 发表于 2022-4-8 21:50
英文水平过得去的无需花费精力去记忆

我不行，本来中学就学得不好，大学还变成学德语了，我们学校五年制的全是德语的。

马黑黑

红影 发表于 2022-4-9 09:02
我不行，本来中学就学得不好，大学还变成学德语了，我们学校五年制的全是德语的。

德语与英语词根差不了多少，够用的

红影

马黑黑 发表于 2022-4-9 10:19
德语与英语词根差不了多少，够用的

问题是，毕业后几乎没接触过德语，现在两种外语都不行了

马黑黑

红影 发表于 2022-4-9 12:19
问题是，毕业后几乎没接触过德语，现在两种外语都不行了

底子多少有点

红影

马黑黑 发表于 2022-4-9 13:58
底子多少有点

已经很薄很薄了

马黑黑

红影 发表于 2022-4-10 13:26
已经很薄很薄了

多吃坚果，补脑记忆力好，马上就底子厚了

红影

马黑黑 发表于 2022-4-10 13:40
多吃坚果，补脑记忆力好，马上就底子厚了

已经吃了不少了，没用啊