vue 数据大屏项目开发中,客户要求进行轮播显示,页面里面每次可以展示5个,所以这里需要将一维数组5个为一组拆分为2维数组,然后进行轮播显示。接下来我们要对数组进行处理。当然使用lodash也是可以实现这种效果的,lodash 将数组拆分成多个 size 长度的区块,并将这些区块...
yekong
2年前 (2023-06-20)
喜欢
uniapp 微信小程序项目开发中,数据是一个多维数组,这里需要知道这个多维数组的最大深度。首先我们获取其中一个对象的深度。
获取其中一个对象下的深度
可以使用递归来获取带有children字段的多维数组的深度。
以下是一个简单的示例代码:
function getDepth(o...
yekong
2年前 (2023-06-19)
喜欢
uniapp 项目开发中,接口返回的是一维数组,由ParentCode来将数组进行关联的,这里需要将数据转为多维数组并通过children进行关联,方便在页面中渲染处理。
假设一维数组的每个元素都包含一个 ParentCode 字段和一个 ID 字段,表示它的父节点和自身的唯一标...
yekong
2年前 (2023-06-19)
喜欢
aos是和wow插件类似的动画插件,二者效果是差不多的,区别是aos.js能在页面回滚的时候,元素能回到之前的状态,这样可以实现循环动画效果.
演示地址
演示地址
安装依赖
npm install aos --save
使用
<script>
AOS.ini...
yekong
2年前 (2023-06-17)
喜欢
上一节我们学习实践了threejs 旋转的粒子地球,这一节我们继续学习点材质的属性。
首先是基础代码流程,虽然之前写过了相关的流程,为了避免翻看上一节的代码,这里继续讲基础代码给列出来。
div
依然创建两个div,子div来渲染threejs场景
<template>...
yekong
2年前 (2023-06-16)
喜欢
项目开发中,经常会需要进行数据处理,当数据很多的时候会出现重复,这时候需要进行去重操作。
Array.from(new Set)去重
Set是es6新增的数据结构,似于数组,但它的一大特性就是所有元素都是唯一的,没有重复的值,我们一般称为集合
Array.from()就是将一个类...
yekong
2年前 (2023-06-16)
喜欢
js对数组求和的方法有很多,我们先整理一下求和的方法
for循环方法
通过for循环进行求和
let arr = [1,2,3,4,5,1];
function getSum(arr){
let sum = 0;
for(var i = 0;i<...
yekong
2年前 (2023-06-11)
喜欢
项目开发中,我们经常需要获取数组中的最大值,这时候我们可以通过很多方式来获取到:
使用Math.max
const arr = [1, 2, 3, 5, 4, 900]
const maxNum = Math.max(...arr)
console.log(maxNum)
使用...
yekong
2年前 (2023-06-11)
喜欢
threejs调试开发中,经常会用到gui.js来进行各种参数的调整。
gui.js安装
npm install lil-gui --save-dev
使用
import GUI from 'lil-gui';
const gui = new GUI();
gui.add( d...
yekong
2年前 (2023-06-05)
喜欢
项目开发中,需要删除数组中最后一个值,这里我们可以通过splice来实现,首先获取当前数组的长度,当前数组的长度减一就是当前数组最后一个值的下标,然后通过splice删除即可。
splice
参数1 删除开始的位置
参数2 要删除的长度
删除数组最后一个值的代码
that.lis...
yekong
2年前 (2023-05-30)
喜欢