hookEvent of Vue

在Vue当中,hooks可以作为一种event,在Vue的源码当中,称之为hookEvent。
利用它,可以通过模板声明式的注入生命周期钩子函数,也可以给第三方组件添加生命周期处理函数。

1
<Table @hook:updated="handleTableUpdated"></Table>

查看更多

Axios统一错误处理与后置

在进行业务开发的时候,前后端会对接口的数据结构进行约定,若接口有异常,需要将异常信息展示给用户知晓。这个流程里,数据结构是确定的(事先约定),数据的处理逻辑是相同的(展示给用户),如果在业务代码代码中重复的catch(e) { 展示给用户 },就非常的不优雅。本着Don’t repeat myself(懒)的原则,需要对接口错误进行统一处理。

查看更多

soft-bind 函数

什么是softBind

原生的bind函数在进行多次bind时,始终以第一次的bind为准

1
2
3
4
5
6
7
8
function foo() {
console.log(this.bar)
}

foo = foo.bind({ bar: 'first' })
foo = foo.bind({ bar: 'second' })

foo() // first

softBind就是多次bind时,后面的覆盖前面的

查看更多