首页 > 编程语言 >JavaScript状态数据

JavaScript状态数据

时间:2024-06-21 16:33:34浏览次数:23  
标签:状态 场景 getSceneInfo JavaScript setSceneInfo sceneInfo 数据 切换

最近需要做一个三维场景切换的功能,切换场景后,还可以进行二三维模式的切换,二三维切换时,要定位到当前场景视角,那么场景的视角参数信息就需要保存到状态数据中,以供二三维场景切换时使用。
项目是用vue做的,这里并没有使用vue的状态管理库,我是这样实现的:

  1. 定义状态数据sceneInfo
let sceneInfo;
  1. 定义get、set方法
function getSceneInfo() {
    return sceneInfo;
}

function setSceneInfo(value) {
    sceneInfo = value;
}
  1. 导出get、set方法
export { 其它方法..., getSceneInfo, setSceneInfo }
  1. 使用时引入get、set方法
import { getSceneInfo, setSceneInfo } from "@/views/three/js/index.js";
  1. 保存状态数据
setSceneInfo(sceneInfo);
  1. 读取状态数据
let sceneInfo = getSceneInfo();

通过以上方法,实现了三维场景切换后,切换二三维模式并定位的功能。您觉得这种方法如何?

标签:状态,场景,getSceneInfo,JavaScript,setSceneInfo,sceneInfo,数据,切换
From: https://www.cnblogs.com/s0611163/p/18260757

相关文章

  • 【python数据可视化】利用Python爬取天气数据并实现数据可视化,绘制天气轮播图
    用Python爬虫抓取全年天气数据并绘制天气轮播图一、运行结果:二、代码展示:由csv文件生成↓接下来是绘制天气轮播图运行结果:完整代码请看这里↓......
  • python学习第二天之基本数据类型及其方法
    python的基本数据类型1.数字int2.字符串str3.布尔型bool4.列表list5.元组tuple6.字典dict一个一个来看,分别梳理各自的方法。一、数字int1.bit_length--得到指定数值的二进制的长度a=10print(a.bit_length)输出:4因为a=10,而10的二进制数是1010,刚好......
  • JavaScript的学习之旅之基本数据类型
    一、字面量(常量)和变量字面量:不可变的数据,一般位于等式的右边变量:可变的数据,位于等式的左边<script> //声明一个变量 //用关键字var声明 vara; //要为变量赋值 a=456 a=678 //声明和赋值可以同时进行 varb=34; console.log(b);</script>二、标识符......
  • 如何恢复电脑硬盘删除数据?提供一套实用恢复方案
    在数字化时代,电脑硬盘中存储的数据对于个人和企业来说都至关重要。然而,有时我们可能会不小心删除了一些重要文件,或者因为某种原因导致数据丢失。这时候,恢复硬盘上被删除的数据就显得尤为重要。本文将为您提供一套实用的电脑硬盘数据恢复方案,希望帮助您找回那些宝贵的信息。......
  • MySQL数据库管理
    目录1.SQL语句(1)DDL:用于管理数据库对象(库、表、索引等)(2)DML:用于管理表数据(3)DQL:用于查询表数据(4)DCL:用于管理用户和权限2.创建及删除数据库和表3.修改表名和表结构4.数据表高级操作5.如何找回root密码?6.MySQL的六大约束属性7.权限管理1.SQL语句关系型数据库专用的操作管理语句,包......
  • 3-数据类型
    强类型语言:所有变量必须先定义后使用Java的数据类型分为两大类基本类型引用类型基本数据类型整数浮点数字符布尔值//整数intnum1=10;//最常用bytenum2=20;shortnum3=30;longnum4=30L;//long类型要做数字后面加个L......
  • GIS数据获取:气象数据免费下载网站
      本文对目前主要的气象数据获取网站加以整理与介绍。  本文为“GIS数据获取整理”专栏中第二篇独立博客,因此本文全部标题均由“2”开头。本文对目前主要的气象、气候数据获取网站加以整理与介绍。2气象数据2.1全球气象数据2.1.1WorldClim网址:https://www.worldclim.......
  • 经验分享|如何查询自己的大数据信用评分?
    在大数据技术的加持之下,金融风控也逐渐运用大数据技术了,也就是我们说的大数据或者大数据信用,在大数据信用报告中对个人的综合信用风险有着等级划分,那大数据信用报告信用等级怎么看呢?本文为你详细介绍一下,感兴趣的不妨去看看。大数据信用等级常见的划分形式:一......
  • Chrome扩展开发使 Service Worker 保持活跃状态
    ServiceWorker设计为独立于单个页面的后台线程,它通常在没有控制任何页面(clients)时会被浏览器停止或处于等待状态。但是,如果你希望即使在插件页面关闭后,ServiceWorker仍然保持活跃,可以尝试以下方法:使用多个页面:保持至少一个页面(如后台管理页面)打开,该页面由ServiceWorker控......
  • 服务器存储瘫痪数据恢复
    一、服务器数据恢复故障描述断电导致整个存储瘫痪,加电后存储无法使用。经过诊断后认为是断电导致存储阵列损坏。整个存储是由12块日立硬盘(3TSAS硬盘)组成的RAID-6磁盘阵列,被分成一个卷,分配给几台Vmware的ESXI主机做共享存储。整个卷中存放了大量的Windows虚拟机,虚拟机基本都是......