perf.ts — vue Source File

Architecture documentation for perf.ts, a typescript file in the vue codebase. 1 imports, 2 dependents.

File typescript VueCore Observer 1 imports 2 dependents 2 functions

Entity Profile

VueCore→ Observer→ perf.ts — vue Source File

Dependency Diagram

graph LR
  f4608dd9_26eb_0122_6979_8fe915792d8a["perf.ts"]
  aa2b6238_64b5_d2a0_65ca_67fd6aa3bf04["env.ts"]
  f4608dd9_26eb_0122_6979_8fe915792d8a --> aa2b6238_64b5_d2a0_65ca_67fd6aa3bf04
  ae790ceb_073b_1bcf_331c_af2d587c1ad6["init.ts"]
  ae790ceb_073b_1bcf_331c_af2d587c1ad6 --> f4608dd9_26eb_0122_6979_8fe915792d8a
  d937f76e_061f_a631_9587_336503c9a15c["lifecycle.ts"]
  d937f76e_061f_a631_9587_336503c9a15c --> f4608dd9_26eb_0122_6979_8fe915792d8a
  style f4608dd9_26eb_0122_6979_8fe915792d8a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { inBrowser } from './env'

export let mark
export let measure

if (__DEV__) {
  const perf = inBrowser && window.performance
  /* istanbul ignore if */
  if (
    perf &&
    // @ts-ignore
    perf.mark &&
    // @ts-ignore
    perf.measure &&
    // @ts-ignore
    perf.clearMarks &&
    // @ts-ignore
    perf.clearMeasures
  ) {
    mark = tag => perf.mark(tag)
    measure = (name, startTag, endTag) => {
      perf.measure(name, startTag, endTag)
      perf.clearMarks(startTag)
      perf.clearMarks(endTag)
      // perf.clearMeasures(name)
    }
  }
}