HTML
CSS
JS
1. dom事件总结
- unload:事件在用户退出页面时发生
- onblur:失去焦点发生变化
- onfocus:点击文本框会获得焦点发生
- onselect:选中文本框中的内容时会执行的事件
- onchange 事件会在域的内容改变时发生。（input框中内容变化）
onchange 事件也可用于单选框与复选框改变后触发的事件。 - onreset:当点击重置的时候才会发生
- onsumbit:点击提交
- onresize:当窗口发生大小变换的时候就会执行
- ondbclick:双击发生变化
- onclick:点击发生变化
- onmouseover:鼠标经过会发生变化，类似hover效果
- onmouseout:鼠标移除会发生变化
- onmousedown:鼠标按键按下去会发生变化
- onmouseup:按键按下去并释放松开会发生变化
- onkeydown:按下键盘去会发生变化
- onkeyup:按下键盘去会发生变化
通过事件对象event下的keyCode属性可以获取按键的ASCII值
2. 阻止a标签默认跳转行为
<a href = "javascript:"></a>- preventDefault() (原生js方法)
-
<a v-on:click.prevent="handle"></a>(vue)
nodeJS
1. art-template向模板中开放外部变量
固定写法
template.defaults,imports.name.name
dome
// 向模板内部开放一个外部变量
template.defaults.imports.dataFormat = dataFormat;
{{each info}}
<tr>
<th>{{dataFormat($value.update_time)}}</th>
<th>{{$value.degree}}</th>
<th>{{$value.weather}}</th>
<th>{{$value.wind_direction}}</th>
<th>{{$value.wind_power}}</th>
</tr>
{{/each}}
//传递出来之后用定义的方法接受数据用于处理
function dataFormat(data) {
// 截取字符串
var year = data.substr(0,4);
var month = data.substr(4,2);
var day = data.substr(6,2);
var hour = data.substr(8,2)
console.log(data);
return year + '年' + month + '月' + day + '号' + hour + '时'
}
