Vue计算属性

不要在模版中放入太多的逻辑。模版最好是简单和声明性的

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
data(){
return {
book:{
author: 'xxx',
borrower: [
'aaa',
'bbb',
'ccc'
]
}
}
}

<template>
<div>
<p>This book has been borrowed?</p>
<span>{{ book.borrower.length > 0 ? 'yes' : 'no' }}</span>
</div>
</template>
阅读更多...

vue-data及methods

data

组件的data是一个函数,调用它返回一个对象,被vue封装后,以$data的形式存储在组件实例中

1
2
3
4
5
data(){
return {
example: [2,3,1]
}
}

methods

组件的methods是一个包含方法的对象,自动绑定this,始终指向组件实例。定义时避免使用箭头函数,会影响this的指向

1
2
3
4
5
6
7
8
methods:{
exampleFuction(){
example[2] = 3
}
}

//可以在组件模版中被访问
<button @click="exampleFuction">Change example</button>

新坑

最近打算重写个人网站了,想想可以把之前练手的前端设计的个站、gist网站、还有当前的个站整合在一起,还要加一些作品集展示区。
本事一般想法挺大。感觉又要重学一遍了。
这周末再怎么犹豫也要把离职提了,做点自己喜欢的吧。

unity-2D光随鼠标移动转变方向

2D光随鼠标移动转变方向

1
2
3
4
5
6
7
8
9
10
11
12
13
14
void Update () {
//获取鼠标的坐标,鼠标是屏幕坐标,Z轴为0,这里不做转换
Vector3 mouse = Input.mousePosition;
//获取物体坐标,物体坐标是世界坐标,将其转换成屏幕坐标,和鼠标一直
Vector3 obj = Camera.main.WorldToScreenPoint(transform.position);
//屏幕坐标向量相减,得到指向鼠标点的目标向量,即黄色线段
Vector3 direction = mouse - obj;
//将Z轴置0,保持在2D平面内
direction.z = 0f;
//将目标向量长度变成1,即单位向量,这里的目的是只使用向量的方向,不需要长度,所以变成1
direction = direction.normalized;
//物体自身的Y轴和目标向量保持一直,这个过程XY轴都会变化数值
transform.up = direction;
}

unity-法线贴图&BlendTree&特效VFX

法线贴图

法线贴图:记录了一个需要进行光影变换的贴图上的各个点的凹凸情况的贴图,显示芯片根据贴图的内容来实时生成新的有光影变换的贴图,从而实现立体效果

法线贴图不是真正的贴图,故不会直接贴到物体的表面,其作用就是记录每个点上法线的方向。

阅读更多...
  • © 2020-2021 Aweso Lynn
  • PV: UV: