perf.ts — vue Source File

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

File typescript CoreRuntime VirtualDOM 1 imports 2 dependents 2 functions

Entity Profile

CoreRuntime→ VirtualDOM→ perf.ts — vue Source File

Dependency Diagram

graph LR
  d5415a1d_c2b2_5cd9_ec65_daba30665c8f["perf.ts"]
  193753e6_b34c_6e61_7eaf_22084e4e0013["env.ts"]
  d5415a1d_c2b2_5cd9_ec65_daba30665c8f --> 193753e6_b34c_6e61_7eaf_22084e4e0013
  9e587547_0a20_aaaa_ba5c_6103ca27ef79["init.ts"]
  9e587547_0a20_aaaa_ba5c_6103ca27ef79 --> d5415a1d_c2b2_5cd9_ec65_daba30665c8f
  f3560440_54c1_5663_36f8_c7de54d7310b["lifecycle.ts"]
  f3560440_54c1_5663_36f8_c7de54d7310b --> d5415a1d_c2b2_5cd9_ec65_daba30665c8f
  style d5415a1d_c2b2_5cd9_ec65_daba30665c8f 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)
    }
  }
}