项目地址
Introduction
1、埋点业务与主业务进行解耦(代码分离),依赖装饰器实现
2、支持框架Vue、React、Angular、小程序、原生js等项目使用
3、@after在主程序执行完毕后,再执行@after所装饰的函数
4、主要为埋点服务,更可应用到其他业务场景中
Installation
# for Vue Angular React npm install better-burying-point --save-dev
;
Usage
用法一:
// main.js;// 设置模块 // home.js;const obj = @ { console; } @ // 此处两个静态参数会与clickBtn函数的参数进行拼装,传递到home模块下clickBtn函数内 { console; } @ { windowloationhref = 'https://xxx.com.cn'; }
用法二:按照模块化拆分
// bury/modules/home.js { console; }// bury/modules/detail.js { console; }// bury/index.js;; home detail // 入口文件处设置 main.js;;; // home页面 使用var home = @ { console; }
Options
setModule
Type: Function[Object]
设置拆分模块的对象,为页面访问使用,函数参数为对象
setSeparator
Type: Function[String]
Default: '.'
设置对象访问分隔符,函数参数为字符串,比如:home.leave;如果设置'/',访问home/leave
before
Type: Function[arg1 , arg2, arg3, ...]
before函数返回一个装饰器函数
第一个参数:必须为字符串,模块访问顺序
第二个参数:静态参数
...
第n个参数:静态参数
【 备注:】主程序执行之前才执行装饰函数
after
Type: Function[arg1 , arg2, arg3, ...]
after函数返回一个装饰器函数
第一个参数:必须为字符串,模块访问顺序
第二个参数:静态参数
...
第n个参数:静态参数
【 备注:】主程序执行之后才执行装饰函数
License
MIT