blind
文章内容源于《Vue.js实战》
一、了解v-bind指令
首先介绍基本用法和它的语法糖，主要用法是动态更新HTML元素上的属性：
<p id="app" >
<a v-bind:href="url">链接<a>
<img v-bind:src="imgUrl">
<a :href ="url">链接<a>
<img :src="imgUrl">
</p>
<script>
var app =new Vue({
el :' #app ',
data: {
url:'https://www.github.com',
imgUrl:'http://xxx.xxx.xx/img.png'
})
</script>
在数据绑定中，最常见的两个需求就是元素的样式名称class和内联样式style的动态绑定，他们也是html属性，因此也可以使用v-bind计算出表达式最终的字符串就可以，不过有时候表达式的逻辑较为复杂，使用字符串拼接方法阅读和维护比较难，所以vue,js曾倩了对class和style的绑定。
二、绑定class的几种方式
1、对象语法：
给v-bind:class设置一个对象，可以动态的切换class
<p class="app1">
<p :class="{'active':isActive}">我真的是黑色的！</p>
</p>
var app1=new Vue({
el:'.app1',
data:{
isActive:true
}
});
上面的实例中，类名active依赖于数据isActive，当其为true时，p会拥有类名active，为false时则没有。最终选自然结果为：
<p class="active"></p>
对象中也可以传入多个属性，来动态切换class。另外，:class 可以和普通的class共存，当class的表达式过长或者逻辑复杂是，还可以绑定计算书型。
<p class="app2">
<p class="static" :class="classes">我本来是黑色的……</p>
</p>
var app2=new Vue({
el:'.app2',
data:{
isActive:true,
error:null
},
computed:{
classes:function(){
return {
active:this.isActive && !this.error,
'text-fail':this.error && this.error.type==='fail'
}
}
}
});
2、数组语法
当需要应用多个class时，可以使用数组语法，给:class绑定一个数组，应用一个class列表，也可以使用三元表达式来根据条件切换class，如上。
<p class="app3">
<p :class="[isActive ? activeCls:' ',errorCls]">三元表达式</p>
</p>
var app3=new Vue({
el:'.app3',
data:{
isActive:true,
activeCls:'active',
errorCls:'error'
}
});
这样样式error会始终应用，当数据isActive为真时，样式activeCls才会被应用。
class有多个条件时，这样写会比较烦琐，可以在数组语法中使用对象语法。当然，与对象语法一样，也可以使用data、computed和methods三种方法，如下。
<p class="app4">
<p :class="[{'active':isActive},errorCls,classes]">我看看</p>
</p>
var app4=new Vue({
el:'.app4',
data:{
isActive:true,
errorCls:'error',
size:'large',
disabled:true
},
computed:{
classes:function(){
return [
'btn',
{
['btn-'+this.size]:this.size!=='',
['btn-disabled']:this.disabled
}
]
}
}
});
3、在组件上使用（看书到后面章节详细介绍，这里先不写了）
4、绑定内联样式
使用v-bind:style（即 :style）可以给元素绑定内联样式，方法与 :class 类似，也有对象语法和数组语法，看起来很像直接现在元素上写CSS
<p class="app5">
<p :style="{'color':color,'fontSize':fontSize+'px'}">文本</p>
</p>
var app5=new Vue({
el:'.app5',
data:{
color:'red',
fontSize:14
}
});
CSS属性名称使用驼峰命名或短横分格。
大多数情况下，直接写一长串的样式不便于阅读和维护，所以一般写在data或computed里
<p class="app6">
<p :style="styles">文本</p>
</p>
var app6=new Vue({
el:'.app6',
data:{
styles:{
color:'red',
fontSize:14+'px'
}
}
})
应用多个样式时，可以使用数组语法：
<p :style="[styleA,styleB]">文本</p>
在实际业务中， :style 的数组语法并不常用，因为往往可以写在一个对象里面；而较常用的应当是计算属性。
另外，使用 :style 时，Vue.js会自动给特殊的CSS属性名称增加前缀，比如transform。
相关阅读
最近一直在做深度学习的FPGA布署，偶然研读到Bengio大神的著作《Binarized Neural Networks: Training Neural Networks with Weigh
该文已加入开源文档：JavaGuide（一份涵盖大部分Java程序员所需要掌握的核心知识）。地址:https://github.com/Snailclimb/JavaGuide.
机器学习入坑指南（九）：TensorFlow 实战——手写数字识别（M
上篇文章简要介绍了「深度学习」，接下来，我们将从最经典的例子入手进行实战。一、背景知识简介 1 TensorFlow Tensor：张量（即多维数组
第一章介绍：ION的框架和buffer的分配； 第二章介绍：如何使用ION buffer； ION是google在Android4.0 为了解决内存碎片管理而引入的
MMRMMR的全称为Maximal Marginal Relevance ，中文名字为最大边界相关法或者最大边缘相关。在MMR的公式是这样的，截图来自http://www