createBalls(balls, ground){
for ( var i = 0; i < balls.length; i++ ) {
var p= 0;
let geometry = new BufferGeometry();
let positions = new Float32Array( 3 );
positions[ p++ ] = 0;
positions[ p++ ] = 0;
positions[ p++ ] = 0;
geometry.addAttribute( 'position', new BufferAttribute( positions, 3 ) );
let material = new PointsMaterial({
color: 0xffffff,
size: balls[i].size*3,
map: ImageUtils.loadTexture(ball),
transparent: true,
depthTest: false
});
var particles = new Points( geometry, material);
let object = new Object3D();
object.add(particles);
object.position.x= balls[i].x*60;
object.position.y= balls[i].y*60;
object.position.z= balls[i].z*60;
ground.add(object);
}
},
node中动态引入
vue中事件委托
<div @click="click">
<div :data-index="1"></div>
</div>
//可以通过$event中target的
//需要注意下边的情况
changeCurrent($event){
let index= $event.target.getAttribute("data-index");
//通过attribute得到的index是字符串类型，而template循环中的index是数字类型
//下边的赋值语句如果不转换类型，则画面不会更新
this.current= parseInt(index);
this.$emit('emit-state', false);
},
Vue中深拷贝
let _new= Object.assign({}, _old);
请求执行了，但是浏览器调试中没有显示
因为chrome调试界面中没有选择显示xhr请求
一次跨域请求会有两次请求
一次跨域请求会有两次请求，第一次自动执行，先询问服务器是否允许跨域访问，在得到回答后，第二次的请求为正常请求
