现代 CSS

Airen的博客

【转载】深入解析ES6: Symbol

ES6 中的 Symbol 也是一种数据类型,但是不是字符串,也不是对象,而是一种新的数据类型:第七种数据类型。

纯CSS实现滚动3D字幕

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

JavaScript变量:变量声明

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

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

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

可以使用ES6取代的10个Lodash特性

Lodash常常需要依赖于npm包,但如果使用ES6,你可能不再需要依赖于npm包。在这篇文章中,收集和整理了一些方法和ES6的新特性,这些示例都是来自一些经典的用例中。

JavaScript算法练习:重复字符串

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

JavaScript算法练习:字尾确认

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

JavaScript算法练习:找出字符串中最长的单词并输出其长度

今天的练习是找出字符串(可能是一句话)中最长的单词并且将其长度输出。这个算法其实就是让我们看看字符串中有多少个词,每个词有多少个字母,然后对这些词进行比较,找出字母数最多的那个词,并且返回这个最长字符数单词的长度。

JavaScript算法练习:Caesars Cipher

这篇文章将要练习的是回转13位密码(ROT13)维基百科是这样描述ROT13的:套用ROT13到一段文字上仅仅只需要检查字符字母顺序并替换它在13位之后的对应字母,有需要超过时则重新绕回26英文字母开头即可。只有这些出现在英文字母里头的字符受影响;数字、符号、空白字符以及所有其他字符都不变。

给用户界面添加缓和效果(Easing Curves)

自从Web界面引入平面设计之后,动画的质量变得越来越重要。通过给界面添加动画效果,可以直接影响产品的整体风格,动画也可以让复杂的交互变得简单,优秀的动画设计也能更好的提高用户体验。但如何创建一个高质量的动画呢?Easing Curves就变得很重要,它也成为动画的一个核心功能,能让动画变得更棒。

页面

返回顶部