2024
我们前面介绍了wow+animate,ScrollReveal.js两种实现页面动画效果的方法,其中ScrollReveal.js也分为HTML方式和JavaScript方式。本章来探讨一下各个方法的
2023
上一章我们介绍了利用wow和animate来实现滚动加载动画,本章我们再来介绍同样能实现该功能的ScrollReveal.js,他不像wow.js一样需要依赖于animate.css,自己就提供了许多
想让网页动起来,我们可以借助animate动画库,里面提供了丰富的动画效果。首先引入animate.css文件,可使用cdn或本地引入然后给需要动画的元素添加类名:具体的动画和其对应的类名可以去官网查
在传递参数的时候,部分页面会有传递对象的需求,在第一次传递的时候页面是能够正常使用的,但是当我们刷新页面,页面就会报错或者显示为空,因为我们使用路由跳转并传递参数的时候,会把数据储存在url中,传递的
冒泡排序是十分常用的一种排序算法。其核心原理为重复地走访过要排序的元素列,依次比较两个相邻的元素,如果顺序(如从大到小、首字母从Z到A)错误就把他们交换过来。经过这样的比较后,第一轮的比较结果是数组中
在 JavaScript 编程中,经常需要对变量进行非空、非null、非undefined的判断。常见的判断方法是使用 “!!” ,即”双重非操作”或”双重逻辑非操作”,这种操作实际上是将值转换为其对应的布尔值。然而,在这个判断中,有时会忽略掉一个特殊的情况:当变量的值为0时,可能会被视为假(false)而被排除在判断之外。举例来说,假设我们有一个名为 index 的变量,我们想要检查它是否为非空...
提示无法连通github.com,但是我的电脑确实是可以访问github的,于是检查了代码中提示的日志文件。
在做关键词搜索功能的时候,需要对后台给出的数据进行处理,用到了filter过滤器来筛选对象中的数据。首先在本地准备两个变量,一个用来存储后台数据,一个用来过滤筛选。如图:关键词搜索的过程便是对userList进行筛选的过程。注意每次过滤之前都需要令userList=userAllList,防止越筛越少。但是执行的时候,却发现第二次搜索无法正常实现。将userList和userAllList都打印了...
在js中我们经常操作object语法,下面分享几个常用的对象构造函数。 Object.is 判断两个对象是否相同 Object.assign() 相当于合并两个数组 并剔除相同的key Object.getPrototypeOf() 获取对象的内部属性 Object.setPrototypeOf() 设置一个指定对象的属性,可以为null Object.keys() ...
Object.keys()方法返回给定对象[key,value]键值对中的key值,并以数组的方式遍历出来。返回的结果如图所示。Object.values()方法与之相反,返回的是给定对象[key,value]键值对中的value值,如图:在实际开发中,很多时候我们需要把后台提供的对象属性转换为数组以供前端使用,上面两种方法便为我们提供了方便。例如在使用vantUI中的van-picker选择器的...