ali-ltcom-ltao-u-utils v3.3.11

Badges

how to use

import { mtop, viewport, util, tracker } from '@ali/ltcom-ltao-u-utils';

const queryData = (params) => {
  return mtop({
    api: 'mtop.ltao.interaction.platform.api',
    v: '1.0',
    data: params
  });
}

viewport();

const {
  headerBarHeight,
  headerTotalHeight,
  nativeBackListener,
  nativeGoBack,
  openWindow,
  goldLogExp,
  goldLogClk,
} = util;

util 说明

tracker 说明

import { tracker } from '@ali/ltcom-ltao-u-utils';

const {
  loadingStartTrigger,           // 记录loadingstart的时间，只记录不上报
  loadingEndTrigger,             // 记录loadingend的时间，只记录不上报
  firstScreenCompletedTrigger,   // 记录首屏加载完成的时间, 也会上报fsTime，只记录不上报
  fsTimeTrigger,                 // 记录fsTime的时间，优先级高于firstScreenCompleted上报的值，只记录不上报
  pushTracker,                   // 一次性上报之前记录的时间，参数为采样率的分母
} = tracker;

useEffect(() => {
  // 比如：认为 dom 出来的时候，就是loading开始的时间点
  loadingStartTrigger();
}, []);

useEffect(() => {
  // 比如：认为在页面的loading隐藏的时候，记录时间点
  if (!isLoading) {
    loadingEndTrigger();
  }
}, [isLoading]);

useEffect(() => {
  // 比如：认为请求返回的时候，认为是页面加载完成，记录时间点
  // 并发送上报的请求
  if (!isLoading) {
    firstScreenCompletedTrigger();
    pushTracker();
  }
}, [applyFinish]);