前端开发者学堂 - fedev.cn
    发布于

    纯CSS实现滚动3D字幕

    一直以来我都想做一个滚动文本的效果,虽然有几种方法实现,其中还有使用WebGL的方法。但我还是想使用HTML和CSS来实现这样的效果。很多年以前,在Web上实现滚动文本的动画效果一般是采用marquee标签来实现,当然也有很多同学采用JavaScript来实现类似的效果。前几天在CodePen看到有位大神使用纯CSS制作了一个3D的滚动文本效果,仔细看了一会,没想到thenewcode.com/就有介绍这个案例的文章,今天将篇文章翻译出来和大家一起分享。

    JavaScript变量:变量声明

    这几天都在折腾JavaScript中有关于变量的基础知识,不折腾不知道,一折腾才知道还有很多未能明白。我把变量相关的知识分为:变量的声明变量命名原则变量值的数据类型变量作用域变量提升几个部分。为了能更好的理清楚相关的知识点,绘制了一张思维导图。在这篇文章主要来理清楚变量声明相关的知识点。

    【转载】深入浅出ES6:let和const

    回溯到1995年,当Brendan Eich在设计第一版JavaScript时,他搞错了许多东西,当然这也包括曾属于语言本身的一部分,例如Date对象,对象相乘被自动转换为NaN等。然而现在回过头看,语言最重要的部分都是设计合理的:对象、原型、具有词法作用域的一等函数、默认情况下的可变性等。语言的骨架非常优秀,甚至超越了人们对它的初步印象。

    JavaScript算法练习:重复字符串

    这里所说的重复字符串是指对所给的字符串根据第一个数字参数重复次数。简单点说,就是创建一个repeat()函数,并且给这个函数传递两个参数,第一个参数是一个字符串str,而第二个参数是一个数字num。执行函数repeat(str, num)之后,字符串str就会重复,而且重复的次数由num来确定。

    CSS伪类和伪元素总结

    大家好!在早期的网页设计之中,我不得不从试验以及错误之中进行学习总结。那时没有可参考的杂志,也没有像 Codepen 或者其它类似的使用工具。如果有人可以为我指点一下,尤其是CSS方面,都将会是很大的帮助。现在我的经验越来越多,我想和大家分享一个有关于CSS 伪类以及伪元素的总结。如果你是一位前端设计者或开发者,你一定对将要讨论的伪元素以及伪类有所了解并且可能使用过它们。然而我还是建议你看看本文所讲的所有条目选项,你可能会有新的收获。

    JavaScript算法练习:字尾确认

    字尾确认指的是**对所给的字符串(第一个参数)确认是否是以第二个参数结尾,如果是则返回true,否则返回false。**也就是说,今天要做的任务是创建一个end()函数,并且给这个函数传入两个参数strtarget。如果targetstr末尾相同,则返回true,反之则返回false