02 2023 档案
摘要：前言： 如图，这里我把场景中所有的灯光去掉，按理说模型应该都是黑色的，然而事实是这个车模型的底盘确实白色的，还有右侧车门框架那里。 至于为什么我会这么操作就是因为，我无论怎么样打光，这个底盘总是显示不出来。 而且这个底盘的颜色会和容器背景的颜色一样，背景白色，车底盘里就白的刺眼，背景黑色就是黑色的。
阅读全文
摘要：前言：目前最流行的验证方式就是滑块验证了，虽然有很多UI库都有整个组件，但是思路方法还是值得学习的。 CSS方面： ①：首先是一个大的背景图 ②③：这里可以通过实际的两个元素通过定位方式去布局，还是通过给①添加两个伪元素都OK。 然后通过继承背景图的一些属性。 操作： 将验证滑块②（before）通
阅读全文
摘要：vue3新特性 单文件组件 CSS 功能 | Vue.js (vuejs.org)： 支持通过 data-v-[id]的方式去独立控制样式，<style>中 样式只对有 【data-v-[id]】 约束的selector 生效 支持去将<style module> 模块化，模块化后，可以在<div
阅读全文
摘要：网站整体灰度的控制-借助一个滤镜属性: fliter: grayscale(0-1) position:sticky,借助这个属性可以实现当页面滚动到设定的定位位置时， 固定住。
阅读全文
摘要：1.关于vw视口 和百分比100% 首先要知道 这两种单位都是有参考单位的， vw vh的参考单位是浏览器窗口的宽高， 而百分比的参考单位是父级。 百分比的参考是不包含内边距的， 假如父级有内边距，其可视区域就会变小， 所以百分比对应的区域大小也会变小。 vw vh 都是会包含滚动条的宽度的，所以实
阅读全文
摘要：注意事项汇总 相机的position(x,y,z) 当相机的position设定后， 如果模型展现的效果比较好， 后续一般不要轻易修改y，因为可能会出现模型看不见的时候。 全景图可以当做场景scene的背景 点击查看代码 theejs 循环动画的实现关键-最简单方式 最简单的方式就是借助 正余弦函数
阅读全文
摘要：threejs 笔记 03 —— 轨道控制器 - 掘金 (juejin.cn) 最近项目有个需求，就是控制模型的缩放的比例，之前步入误区，百度寻找解决方案 【three.js所：无法设置最大和最小缩放级别 - VoidCC】 这里给的方法是在鼠标滚轮事件中去修改相机的fov， 我尝试了，结果无论是给
阅读全文
摘要：1. 代码中编写帧动画并且调用 async function keyframeAni(object) { const times = [0, 2]; //关键帧时间数组，单位'秒' const rorateValues = [0, -Math.PI * 2]; //需要转动的角度 const dur
阅读全文
摘要：回顾：如何添加css2dObject 标签（其中loadLabel 为标签添加）：【重要-threeJS 渲染性能上的优化方案】 加载读取渲染压缩包中的模型 - 努力不搬砖的iori - 博客园 (cnblogs.com) 现在有车型切换，并且点击切换的需求， 故记录一下。 首先网上的方法：(16条
阅读全文
摘要：1. vue3 中，想要直接调用子组件上的的方法，最重要的一个步骤就是将想要访问的子组件上的方法和属性给暴露到外部！！！ <template> <el-drawer> </el-drawer> </template> <script setup> const func1= () => { // 业务
阅读全文
摘要：① 基于vite的项目，修改node_modules中引用的包，但是开发模式下，不会检测到改变的问题：为了提高运行速度，vite 在首次运行时，对 node_modules 中的包进行了 esmodule 化，存储在 node_modules/.vite 目录下，这样下次就可以直接使用浏览器读取，提
阅读全文
