项目中涉及到前端监控,因此需要进行埋点
1. 手动代码埋点
点击事件 调用埋点方法 精确到用户某个行为进行数据上报。
- 优点：准确，满足产品自定义需求。
- 缺点：代码耦合度太高，不利于代码维护和服用。
当监听到路由切换 进行埋点
2. 全埋点：通过全局捕获事件进行数据上报。
-
优点：能够较大程度支持上报用户数据，降低业务代码耦合度。
-
缺点：对于组件化的前端工程，不能很好兼容。
3 路由埋点
注意埋点不能影响正常功能
日期转换 const date = new Date(); const formattedDate = date.toLocaleDateString(); // 格式化为本地日期字符串
打印入参
const {
run: runClick,
} = useRequest(
(params) =>
{
console.log('js埋点',params)
return selectClickRate({
startTime:new Date(),
endTime:new Date(),
appCode: params.name
})},
{
initialData: [],
manual: true,
onSuccess: (e) => {
// Message.success(e)
},
onError: (error) => {
Message.error(error)
}
},
);
