分类:学习笔记

note

html实现video双击全屏播放

html实现video双击全屏播放
在HTML5中,<video>元素本身并没有双击全屏的功能,但你可以通过JavaScript来实现这一点。这里是一个简单的示例: 首先,创建一个简单的HTML页面,并添加<video>元素: <!DOCTYPE html> <html...

2年前 (2023-08-29) 喜欢

vue3 导出接口返回的数据为excel文件

vue3 导出接口返回的数据为excel文件
在 Vue 3 中导出接口返回的数据为 Excel 文件可以通过多种方式实现。下面是其中一种常用的实现步骤: 安装依赖库:通常,你可能需要依赖如 xlsx 或者 file-saver 之类的第三方库。 npm install xlsx file-saver 引入依赖:在...

2年前 (2023-08-27) 喜欢

vue3 vite 如何使用import 来引入people.glb再使用loader引入?

vue3 vite 如何使用import 来引入people.glb再使用loader引入?
在Vue和Vite环境下,你可以将.glb文件视作一个静态资源,并通过导入获取其URL。这里的关键步骤是告诉Vite应该将.glb文件视作资源,并能够通过JavaScript导入。下面是详细的步骤: 更新Vite配置:你需要告诉Vite将.glb文件视作资源。打开你的vite...

2年前 (2023-08-24) 喜欢

vue2 vue-baidu-map 修改百度地图颜色

vue2 vue-baidu-map 修改百度地图颜色
在数据可视化大屏项目开发中,vue2项目在使用百度地图时,需要自定义地图的颜色,这里我们使用的是vue-baidu-map。 vue-baidu-map组件版本 "vue-baidu-map": "^0.21.22" 实现前的样式 实现...

2年前 (2023-08-24) 喜欢

Three.js产品Web3D展示(WebGL) 视频教程介绍

Three.js产品Web3D展示(WebGL) 视频教程介绍
Three.js产品Web3D展示(WebGL)简介 本课程主要通过three.js实现产品三维模型的在线3D展示。 学习本课程需要前端基础 学习建议:每节课都有对应的案例源码,一定要结合每节课提供的案例源码学习,不要仅仅看视频 Three.js产品Web3D展示(WebGL)价...

2年前 (2023-08-24) 喜欢

vue3 import批量引入图片

vue3 import批量引入图片
当然,如果你需要批量引入大量图片并将它们放入数组中,可以使用以下代码: const images = []; for (let i = 0; i <= 74; i++) { images.push(require(`./topbg/topbg_${i}.png`).de...

2年前 (2023-08-23) 喜欢

threejs 实现旋转的白色3d地球效果实例

threejs 实现旋转的白色3d地球效果实例
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的白色3d地球效果实例。3d旋转地球是基于threejs实现的。 动态效果 实例代码 /** * @Author: 858834013@qq.com * @Name: threejs地球 * @Date: 20...

2年前 (2023-08-22) 喜欢

echarts 3d地球飞线旋转实例

echarts 3d地球飞线旋转实例
echarts 实现3d地球效果,之前有一个项目进口食品安全智慧监管决策大屏要求实现3d地球效果,在学习threejs的时候有学到threejs实现3d地球效果,于是 在想echarts能不能实现3d地球飞线旋转效果呢?搜索发现是可以实现的。 echarts 实现3d地球是通过...

2年前 (2023-08-22) 喜欢

threejs 3D地球实例汇总

threejs 3D地球实例汇总
在 数据可视化大屏项目开发中,会需要一些3d地球进行装饰,或者进行数据渲染,今天对自己见过的threejs 3D地球效果进行整理。 11 threejs 旋转的白雪覆盖的3d地球纹理效果 演示地址 threejs 旋转的白雪覆盖的3d地球纹理效果 效果截图 10 threejs...

2年前 (2023-08-22) 喜欢