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 + '时'
        }

AJAX