Three.js 可视化入门
Three.js 可视化入门Three.js 是一个强大的 3D 图形库,用于创建和显示三维图形。 什么是 Three.js?Three.js 是一个基于 WebGL 的 JavaScript 3D 库,可以轻松创建复杂的 3D 场景。 核心概念 场景(Scene) - 3D 空间的容器 相机(Camera) - 定义观察视角 渲染器(Renderer) - 将场景渲染到画布上 几何体(Geometry) - 3D 对象的形状 材质(Material) - 对象的外观 快速开始123456789101112131415161718192021222324252627// 创建场景const scene = new THREE.Scene();// 创建相机const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);// 创建渲染器const renderer = new THREE.WebGLRenderer();renderer.setSiz...
JavaScript中的this指向
JavaScript 中的 this 指向一、JavaScript 的高级1. 函数中的 this 指向1)this 的案例this 的三种调用方式: 直接调用:函数独立调用时,this 默认指向 window 对象 对象方法调用:函数作为对象方法调用时,this 指向调用它的对象 call/apply 调用:通过 call/apply 显式指定 this 绑定 this 的绑定规则: 运行时绑定:this 的值在函数执行时才确定,类似于函数参数 绑定无关性:与函数定义位置无关,只与调用方式有关 四种绑定规则: 默认绑定(独立函数调用) 隐式绑定(对象方法调用) 显式绑定(call/apply/bind) new 绑定(构造函数调用) 默认绑定示例: 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859// 1.1、定义函数(foo 默认 this 指向的是 win...
