JS零碎知识要点

1.常用keycode

keyCode 含义
13 回车
8 BackSpace
9 Tab
37
38
39
40

2.Vue中的$refs

一般来讲,获取DOM元素,需document.querySelector(".input1")获取这个dom节点,然后在获取input1的值。
但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。
然后在javascript里面这样调用:this.$refs.input1 这样就可以减少获取dom节点的消耗了。

示例代码:

    
{{msg}}

3.JS制作阴影

style="background-color: gray;opacity: 0.4;"

4.v-指令

指令 注解
v-text 更新文本,部分更新常用{{}}
v-html 更新元素的 innerHTML 。注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译.永不用在用户提交的内容上。
v-show true/false.切换元素的 display CSS 属性。
v-if 是否渲染
v-for 遍历字典和数组(官网上说还能遍历 Object | number | string ,咱也不知道,咱也不敢问啊)
v-on 绑定事件,简写'@'
v-bind 绑定属性,简写':'
v - model 在表单控件或者组件上创建双向绑定,只能在