拾光°の博客

登录

/

注册

标签搜索

热门文章

最新文章

2024加油啊！！！

three.js 导入模型

three.js 导入模型

要导入模型，可以使用 Three.js 的 OBJLoader 或 GLTFLoader。使用 OBJLoader 导入 OBJ 模型使用 OBJLoader 导入 OBJ 模型需要先引入 OBJLoader.js 文件。可以通过 npm 或直接下载 Three.js 的源代码获取这个文件。import * as THREE from 'three'; import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'; // 创建 OBJLoader 对象 const loader = new OBJLoader(); // 加载模型 loader.load( 'path/to/model.obj', // 加载完成后的回调函数 function(object) { scene.add(object); } ); 在这个例子中，我们首先引入 THREE 和 OBJLoader，然后创建了一个 OBJLoader 对象。接着使用 loader.load() 方法加载模型文件，并传入一个回调函...

拾光°

2023-02-16

未分类

341 阅读

0 评论

2023年02月16日

341 阅读

0 评论

three.js 入门

three.js 入门

要入门 Three.js，需要了解以下几个概念和步骤：1、场景 (Scene): Three.js 中所有的对象都需要添加到场景中才能够被渲染。2、相机 (Camera): 相机定义了场景中的视角和投影方式。Three.js 提供了多种不同类型的相机，如透视相机、正交相机等。3、渲染器 (Renderer): 渲染器是将场景和相机中的对象渲染成图像的核心组件。Three.js 提供了多种不同的渲染器，如 WebGLRenderer、CanvasRenderer 等。4、几何体 (Geometry): 几何体是定义了 3D 对象的形状和位置信息。5、材质 (Material): 材质定义了 3D 对象的外观和纹理。6、网格 (Mesh): 网格是由几何体和材质组成的 3D 对象。下面是一个简单的 Three.js 程序，它创建了一个场景、相机、渲染器、几何体、材质和网格，然后将网格添加到场景中并渲染到页面中：// 创建场景 var scene = new THREE.Scene(); // 创建相机 var camera = new THREE.PerspectiveCamera...

拾光°

2023-02-16

未分类

297 阅读

0 评论

2023年02月16日

297 阅读

0 评论

VUEX

VUEX

vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起，集中式来管理。需要声明的是，这里所说的状态指的是vue组件中data里面的属性。简单的来说,它就是存储公共变量的东西,然后插件可以通过它来访问,或者修改数据,来达到响应式.相当于一个仓库,里面可以放很多公共的东西,而这些公共的东西都可以让组件使用.vuex中核心模块有：StateMutationActionGetterState介绍：State提供唯一的公共数据源，所有共享的数据都要统一放到Store的State中进行存储。类似于data函数管理数据，管理的数据是响应式的，当数据改变时驱动视图更新。第一种取数据方法 <template> <div> <h3>当前最新的count值为: {{$store.state.count}}</h3> </div> </template>在template中访问vue实例中的内容时，this...

拾光°

2022-03-28

354 阅读

0 评论

2022年03月28日

354 阅读

0 评论

vue 跨域配置webpack

vue 跨域配置webpack

很多情况下后台会给我们做请求代理，当后台没有帮你的时候只能自己解决了，Vue-cli这里我用的是webpack，那么我们需要在webpack上做代理设置，具体步骤如下：新建一个 webpack.config.js devServer: { historyApiFallback: true, hot: true, inline: true, contentBase: "./app", // port: 3000, //前面是配置 webpack-dev-server 的，也可以 package.json 文件中配置 proxy: { "/api": { // target: 'http://localhost:8888', target: 'https: //www.baidu.com', //要跨域的地址 pathRewrite: {'^/api' ...

拾光°

2022-03-24

355 阅读

0 评论

2022年03月24日

355 阅读

0 评论

节流和防抖

节流和防抖

一、函数节流一个函数执行一次后，只有大于设定的执行周期后才会执行第二次原理：用时间戳来判断是否已到回调该执行时间，记录上次执行的时间戳，然后每次触发 scroll 事件执行回调，回调中判断当前时间戳距离上次执行时间戳的间隔是否已经到达规定时间段，如果是，则执行，并更新上次执行的时间戳，这样循环下去 /** * 节流函数 * @param fn 事件触发的操作 * @param mustDelay 间隔多少毫秒需要触发一次事件 */ function throttle(fn,mustDelay){ let timer, start = 0; return function (){ let now = new Date().getTime(), self = this, args = arguments; if(now > start + mustDelay){ ...

拾光°

2022-02-23

未分类

347 阅读

0 评论

2022年02月23日

347 阅读

0 评论

拾光°

24 文章数

298 评论量

人生倒计时

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

热门文章