1. 粒子球      // 创建几何体      const sphereGeometry = new THREE.SphereGeometry(3,20,20)      // 设置点材质      const pointsM…

步骤: 材质能够对光照的反应设置渲染器开启阴影的计算: renderer.shadowMap.enabled = true设置光照投射阴影: directionalLight.castShadow = true设置物体投射阴影: sphere.castShadow = true设置物体接受阴影: plane.receiveShadow = true…

1. 基本使用 使用 MeshStandardMaterial 实例渲染 RGB 材质 // 添加环境光const light = new THREE.AmbientLight("#ffffff")scene.add(light)// 直线光const directionalLinght = new THREE.DirectionalLight("…

1. 创建材质 const textureLoader = new THREE.TextureLoader();const doorColorTexture = textureLoader.load("/gltf/Default_albedo.jpg")// 创建几何体const cubeGeometry = new THREE.BoxBuffer…

1. 创建场景      import * as THREE from 'three';  // 场景      const scene= new THREE.Scene();      // 相机      const…

一、mobx配置 安装 yarn add mobx yarn add mobx-reactyarn add babel-plugin-transform-decorators-legacy -Dyarn add @babel/preset-env -Dyarn add babel-plugin-transform-class-properties …

页面加载时间 阶段计算表 字段描述计算方式意义unload前一个页面卸载耗时unloadEventEnd - unloadEventStart-redirect重定向耗时redirectEnd - redirectStart重定向的时间appCache缓存耗时domainLookupStart - fetchStart读取缓存的时间dnsDNS解析…

什么是前端监控,都监控哪些东西 顾名思义,前端监控是对前端项目部署上线以后的一些观察和收集行为,一方面主要收集前端的报错信息,另一方面可以对某些操作进行 埋点 记录一些用户行为,后期可以针对这些用户行为进行数据分析。下面详细说一下针对报错信息方面的监控 如何进行前端监控 总体思路是在全局注册error事件，对所有的错误事件进行拦截，获取拦截后的报错…

官方退出的 reactHooks 可以完美的实现 redux 的功能, 使用方法更加便捷, 仿佛又看到了React的未来 使用步骤 将数据及重在一个store对象上将所有操作集中在reducer中创建一个Context创建对数据的读写API将第四部的内容放到第三步的Context中用 Context.Provider 将 Context 提供给所有…

Redux 和 React 的关系 redux 的功能和 vuex 相同,都是作为中央状态管理仓库, 但用户体验上和 vuex 真的是大相径庭, 其原因在于 vuex 高度集成在 vue 中,可以说是为vuex 量身打造的状态管理系统, 而 redux 作为一个库,可以支持在 React \ Angular \ jquery 还有原生JS中, 并不…