vue项目为了提升加载速度，会将静态资源托管到cdn上，以前一直使用的是vue2最近开始学习使用vue3，也加入到了vite的大军当中，首先要解决一下cdn的问题。
仍有问题
虽然能够成功上传到七牛云了，但是目前还有一个问题，使用vite打包后chrome浏览器请求获取js文件时...
2年前 (2023-01-23)
喜欢
vue项目中，使用vite打包时，我们需要判断环境，用于做不同的处理，比如cdn部署。
通过process.env.NODE_ENV我们可以获取到环境。
import {defineConfig, loadEnv} from 'vite';
import vue from '@v...
2年前 (2023-01-23)
喜欢
首先项目中需要配置了postcss-pxtorem
vue3 数据大屏实现屏幕自适应 px转rem
找到postcss.config.cjs
添加exclude
module.exports = {
plugins: {
autoprefixer: {},...
2年前 (2023-01-23)
喜欢
安装依赖
pnpm install vue-router
创建路由文件
router->index.js
import {createRouter, createWebHistory} from 'vue-router'
const routerHistory = c...
2年前 (2023-01-23)
喜欢
官网下载地址
官网下载地址
Homebrew
如果安装了Homebrew，使用brew命令安装
brew install git
安装时遇到问题
could not lock config file .git/config: Permission denied
解决办法
su...
2年前 (2023-01-23)
喜欢
添加资源
model.add(gltf.scene)
移除资源
移除的资源不会渲染出来。
model.remove(gltf.scene)
资源移除后需要释放资源，threejsGPU内存释放
...
2年前 (2023-01-23)
喜欢
web3d项目开发中，threejs场景渲染过后，移出场景显存占用仍然存在。为了减少不必要的资源占用，需要释放资源。
在移出模型后，需要释放模型占用的资源
// 从场景中移出數据不再渲染 不在占用gltf.scene需要的GPU资源占用
model.remove(gltf.sc...
2年前 (2023-01-23)
喜欢
web3d项目开发中，再渲染gltf文件时，为了减少文件的大小，一般选择glb，然后再使用zip进行压缩。以节省带宽.
打开Blender选择文件找到导出选择gltf点击.
选择.glb
然后点击导出就可以了。
导出后再压缩原本10M大小的文件变成了3.3M.
threej...
2年前 (2023-01-23)
喜欢
问题
gltf模型加载后和建模师做出来的效果差别很大
解决办法
根据threejs里提供的关于GLTFLoader文档来看，需要对纹理进行配置
纹理中包含的颜色信息（.map, .emissiveMap, 和 .specularMap）在glTF中总是使用sRGB颜色空间，而顶点...
2年前 (2023-01-23)
喜欢
版本
0.123.0，使用0.143版本时会报computeFlatVertexNormals方法不存在
效果
演示地址
threejs实现4棱锥效果
延伸
threejs 在3d地图上标注四棱锥效果
项目代码
var scene = new THREE.Scene()
var...
2年前 (2023-01-22)
喜欢
