aos是和wow插件类似的动画插件,二者效果是差不多的,区别是aos.js能在页面回滚的时候,元素能回到之前的状态,这样可以实现循环动画效果.
演示地址
演示地址
安装依赖
npm install aos --save
使用
<script>
AOS.ini...
yekong
11个月前 (06-17) 1322℃
0喜欢
上一节我们学习实践了threejs 旋转的粒子地球,这一节我们继续学习点材质的属性。
首先是基础代码流程,虽然之前写过了相关的流程,为了避免翻看上一节的代码,这里继续讲基础代码给列出来。
div
依然创建两个div,子div来渲染threejs场景
<template>...
yekong
11个月前 (06-16) 566℃
0喜欢
项目开发中,经常会需要进行数据处理,当数据很多的时候会出现重复,这时候需要进行去重操作。
Array.from(new Set)去重
Set是es6新增的数据结构,似于数组,但它的一大特性就是所有元素都是唯一的,没有重复的值,我们一般称为集合
Array.from()就是将一个类...
yekong
11个月前 (06-16) 290℃
0喜欢
js对数组求和的方法有很多,我们先整理一下求和的方法
for循环方法
通过for循环进行求和
let arr = [1,2,3,4,5,1];
function getSum(arr){
let sum = 0;
for(var i = 0;i<...
yekong
11个月前 (06-11) 754℃
0喜欢
项目开发中,我们经常需要获取数组中的最大值,这时候我们可以通过很多方式来获取到:
使用Math.max
const arr = [1, 2, 3, 5, 4, 900]
const maxNum = Math.max(...arr)
console.log(maxNum)
使用...
yekong
11个月前 (06-11) 404℃
0喜欢
threejs调试开发中,经常会用到gui.js来进行各种参数的调整。
gui.js安装
npm install lil-gui --save-dev
使用
import GUI from 'lil-gui';
const gui = new GUI();
gui.add( d...
yekong
12个月前 (06-05) 981℃
0喜欢
项目开发中,需要删除数组中最后一个值,这里我们可以通过splice来实现,首先获取当前数组的长度,当前数组的长度减一就是当前数组最后一个值的下标,然后通过splice删除即可。
splice
参数1 删除开始的位置
参数2 要删除的长度
删除数组最后一个值的代码
that.lis...
yekong
12个月前 (05-30) 408℃
0喜欢
在vue项目开发中,我们除了可以通过wowjs来给页面增加动画效果外,也可以通过使用gsap补间动画来让页面元素动起来。
安装依赖
npm install gsap
使用
// typical import
import gsap from "gsap";
...
yekong
12个月前 (05-29) 1359℃
0喜欢
vue 数据大屏项目 开发中,展示echarts柱状图,最近半年的数据,因为接口需要传开始和结束日期来查询数据,所以我们需要把先获取过去6个月的日期,并且还需要获取这个6个月的开始日期和结束如期。
引入dayjs
import dayjs from "dayjs&quo...
yekong
1年前 (2023-05-24) 720℃
0喜欢
vue 数据大屏项目 开发中,展示echarts柱状图,最近一个月的数据,因为接口需要传每一天的日期来查询数据,所以我们需要把当前月份所有日期都遍历出来,但是有的月份是31天有的月份是30天,所以我们需要动态获取不能写死,通过dayjs的startOf我们可以获取月份开始的日期,...
yekong
1年前 (2023-05-24) 1014℃
0喜欢