夏慧敏日常开发笔记

---

1. $event指的是事件相关的参数 $event.target可以获取当前标签

	<button v-on:click="add($event)">按钮{{num}}</button>
	add(a){
	    console.log(a)
	    console.log(a.target)
	    a.target.style.background='pink'
	}

2. ref:

<button v-on:click="add()" ref="btn">按钮{{num}}</button>
add(){
    console.log(this.$refs)
    console.log(this.$refs.btn)
    this.$refs.btn.style.background="greenyellow"

}
3. v-html可以识别标签
4. v-text识别不了标签，可以使用插值表达式{{}}代替

一、export default 的 name 属性

1. 他表示组件的名称
2. keep-alive 指定依据就是组件的 name 属性

二 、onclick 和 addEventListener

onclick 只会执行最后一个
addEventListerner 其实是对方法进行一个收集，比如放到数组里， fn.call(boxDiv)

三、call 函数的功能：

其一、让函数立执行；
其二、可改变 this 的指向；
其三、可实现继承问题；

四、？代替 if

this.name==‘xia’ ? this.age=13 : this.age=0

五、node

1. node 可以执行js
2. node 可以写工具
3. node 可以更改文件名
4. node 可以写接口

六、函数和方法的区别

七、react 纯函数

react 不允许修改props 因为react 希望每个组件是像是一个纯函数，不允许随便修改，单项数据流
reduce 也是 纯函数

八、内存泄漏

如果不指向引用，都会被释放