在Vue和Vite环境下,你可以将.glb文件视作一个静态资源,并通过导入获取其URL。这里的关键步骤是告诉Vite应该将.glb文件视作资源,并能够通过JavaScript导入。下面是详细的步骤:
更新Vite配置:你需要告诉Vite将.glb文件视作资源。打开你的vite...
yekong
1年前 (2023-08-24)
喜欢
在数据可视化大屏项目开发中,vue2项目在使用百度地图时,需要自定义地图的颜色,这里我们使用的是vue-baidu-map。
vue-baidu-map组件版本
"vue-baidu-map": "^0.21.22"
实现前的样式
实现...
yekong
1年前 (2023-08-24)
喜欢
sass 和 node-sass 都是用于编译 Sass(一种流行的 CSS 预处理器)到 CSS 的库,但它们有一些关键区别。
1. 实现
node-sass:
node-sass 是 LibSass(Sass 的 C/C++ 实现)的 Node.js 绑定。
因为是用 ...
yekong
1年前 (2023-08-21)
喜欢
Vue 3 提供了一些机制来实现跨组件通信和传值,让你可以在不同组件之间共享状态和触发通知。以下是一些常见的跨组件通信和传值方法:
1. Props 和 Emit
使用 props 和 emit 是父子组件之间通信的标准方式。你可以将父组件的数据通过 props 传给子组件,然后...
yekong
1年前 (2023-08-14)
喜欢
Vue Vite 和 Webpack 是两种用于构建前端项目的工具,它们有一些区别和特点。
构建速度:
Vue Vite:Vite 是一种基于原生 ES 模块的构建工具,利用浏览器对 ES 模块的原生支持,不需要进行打包和编译,因此启动速度非常快,可以实现秒级的热更新。
Web...
yekong
1年前 (2023-07-20)
喜欢
在Vue项目中初始化一个Webpack项目,通常使用Vue CLI(Command Line Interface)工具来帮助我们快速创建和配置一个基本的Webpack项目。Vue CLI提供了一套预定义的项目模板和脚手架,方便我们开始一个新的Vue项目。
以下是使用Vue CLI...
yekong
1年前 (2023-07-20)
喜欢
vue 数据可视化大屏 项目中,按照效果图,需要实现一组气泡效果,气泡内有数字以及标题。
这里我们需要实现这里出气泡的大小,位置以及气泡的颜色等信息。将气泡渲染出来后,为了让页面看起来更生动,我们使用gsap来给组件添加一个上下轻微晃动的效果。
效果截图
效果动画
组件代码
...
yekong
1年前 (2023-07-14)
喜欢
vue项目开发中,使用视频作为全屏背景的时候,当调整页面大小的时候,会导致视频位置偏移,解决思路,当窗口变化后,重新获取窗口大小,赋值给视频的父div即可。
实例代码
<template>
<div class="shipinbg" r...
yekong
2年前 (2023-06-25)
喜欢
vue 数据可视化大屏 项目开发中,为了数据安全,需要对数据进行加解密,后端返回加密数据,前端进行解密然后做后续处理。
安装依赖
因为数据是长数据,所以这里直接使用的是encryptlong
pnpm i encryptlong
引用
import JSEncrypt from...
yekong
2年前 (2023-06-15)
喜欢
vue数据可视化大屏项目开发中,有一个区域数据很多,需要滚动到底部后进行数据分页加载。
div部分
<div class="cBodys hideScrollBar" ref="cBodys">
<div clas...
yekong
2年前 (2023-06-13)
喜欢