{"_id":"@bobwangsport/performance-monitor","_rev":"10-af5119c85bb601237dc9c6fdad398a2c","name":"@bobwangsport/performance-monitor","dist-tags":{"latest":"1.0.9"},"versions":{"1.0.0":{"name":"@bobwangsport/performance-monitor","version":"1.0.0","keywords":["vue3","performance","monitor"],"author":{"name":"Bob Wang"},"license":"MIT","_id":"@bobwangsport/performance-monitor@1.0.0","maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"dist":{"shasum":"68ec97e64dafba428fba91c2a19ab685bf3f8c72","tarball":"https://registry.npmjs.org/@bobwangsport/performance-monitor/-/performance-monitor-1.0.0.tgz","fileCount":7,"integrity":"sha512-LjNQMfYVUwfol8EzQsooKYbRuRVlzwf7h+j1vRqXOn4sSG+RBmAlGBh+gsU8MEr9szcJSTNyvrj1SrvXUmhYQw==","signatures":[{"sig":"MEUCIQCWHOc8kwiKcgEmJhGomGqYJ3gGtKD2qK4yKAAS6v+0nAIgGbFZdFiPszSzWWWECZFPFoj0LSOCQ9lhyJ0OFF7KkbQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15616},"main":"src/index.js","private":false,"scripts":{"build":"vite build"},"_npmUser":{"name":"bobwangsport","email":"wangbo32@300624.cn"},"_npmVersion":"10.8.2","directories":{},"_nodeVersion":"20.15.0","dependencies":{"vue":"^3.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.13","@vitejs/plugin-vue":"^5.2.3"},"_npmOperationalInternal":{"tmp":"tmp/performance-monitor_1.0.0_1745392638457_0.016438209051673924","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bobwangsport/performance-monitor","version":"1.0.1","keywords":["vue3","performance","monitor"],"author":{"name":"Bob Wang"},"license":"MIT","_id":"@bobwangsport/performance-monitor@1.0.1","maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"dist":{"shasum":"ee6ef66051353ed6440edbb86c7dd9b877f8e120","tarball":"https://registry.npmjs.org/@bobwangsport/performance-monitor/-/performance-monitor-1.0.1.tgz","fileCount":8,"integrity":"sha512-Dz/rRlhbxVZpC3FwCXPS3X6rOEKnhg1HYFROaiQVYV3AlncZx9zQzV6//dVvMUhoknYSbwC7oTe3qCBFglCKLQ==","signatures":[{"sig":"MEYCIQD1EQsY8BDUDGF/UyFsumq/RclKwaG8VAFCgkcgadbAzQIhAKaGHbhdd0q8XkdTk60GiR2VujZ+oScFZ+kJH6GAgoL1","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18466},"main":"src/index.js","private":false,"scripts":{"build":"vite build"},"_npmUser":{"name":"bobwangsport","email":"wangbo32@300624.cn"},"_npmVersion":"10.8.2","directories":{},"_nodeVersion":"20.15.0","dependencies":{"vue":"^3.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.13","@vitejs/plugin-vue":"^5.2.3"},"_npmOperationalInternal":{"tmp":"tmp/performance-monitor_1.0.1_1745393420746_0.6519440027990573","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bobwangsport/performance-monitor","version":"1.0.2","keywords":["vue3","performance","monitor"],"author":{"name":"Bob Wang"},"license":"MIT","_id":"@bobwangsport/performance-monitor@1.0.2","maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"dist":{"shasum":"69a2e209fd90c34636fc5978eccfd1da762e33fd","tarball":"https://registry.npmjs.org/@bobwangsport/performance-monitor/-/performance-monitor-1.0.2.tgz","fileCount":8,"integrity":"sha512-vrWW3lwjTqa47/Fw8phdCcXpZOIJbqJggTAW7WcbaNJNY21GEcBCAL8aphuQFlhpA36edznToA4kb+Lqe307Pg==","signatures":[{"sig":"MEUCIHbFPeUXloN3lj023LRO3QZWnBN9iOz9VVTu/Qh6CuhyAiEAmcvx+UxZASGFHWYL4zm7VgiAvrOf/RCZPg/DjjUBYGI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18467},"main":"src/index.js","private":false,"scripts":{"build":"vite build"},"_npmUser":{"name":"bobwangsport","email":"wangbo32@300624.cn"},"_npmVersion":"10.8.2","description":"以下是一个详细的README.md文件，用于描述<mcfile name=\"PerformanceMonitor.vue\" path=\"f:\\VTC\\performance-monitor\\src\\PerformanceMonitor.vue\"></mcfile>组件的功能和使用方法：","directories":{},"_nodeVersion":"20.15.0","dependencies":{"vue":"^3.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.13","@vitejs/plugin-vue":"^5.2.3"},"_npmOperationalInternal":{"tmp":"tmp/performance-monitor_1.0.2_1745393899094_0.837610841086107","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bobwangsport/performance-monitor","version":"1.0.3","keywords":["vue3","performance","monitor"],"author":{"name":"Bob Wang"},"license":"MIT","_id":"@bobwangsport/performance-monitor@1.0.3","maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"dist":{"shasum":"3d81deedf6d99a4c588eb64d7ed7e6707b522b19","tarball":"https://registry.npmjs.org/@bobwangsport/performance-monitor/-/performance-monitor-1.0.3.tgz","fileCount":8,"integrity":"sha512-OtU/p6CqIfvLQmfCFmKc70NqeL46GXXF8utHrPArt7qnE9o/EC5Ka3uX7LWscqBVpB8ApnXg/uvemQbq/UVC7w==","signatures":[{"sig":"MEUCIQDIykBGL5lZdqaFqmghpIdA9uGBwVEwTPVq1iAAInadjAIgIRm1jdYKl0BNjjJsB5/HAyCEi63vXAQfWE7xXKDuUOw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18218},"main":"src/index.js","private":false,"scripts":{"build":"vite build"},"_npmUser":{"name":"bobwangsport","email":"wangbo32@300624.cn"},"_npmVersion":"10.8.2","description":"Performance Monitor 是一个用于实时监控网页性能的Vue组件，主要功能包括：","directories":{},"_nodeVersion":"20.15.0","dependencies":{"vue":"^3.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.13","@vitejs/plugin-vue":"^5.2.3"},"_npmOperationalInternal":{"tmp":"tmp/performance-monitor_1.0.3_1745393969186_0.5264264393313254","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@bobwangsport/performance-monitor","version":"1.0.4","keywords":["vue3","performance","monitor"],"author":{"name":"Bob Wang"},"license":"MIT","_id":"@bobwangsport/performance-monitor@1.0.4","maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"dist":{"shasum":"d55d9b698fbf324f3553da77fc881350a516c54b","tarball":"https://registry.npmjs.org/@bobwangsport/performance-monitor/-/performance-monitor-1.0.4.tgz","fileCount":8,"integrity":"sha512-SR5HoI9xbKXuTURYKDjSEl45Vv3qwhTYPjkLHrqr9p/j30eufxzZYb7jTfc3Cl+osEA8ahI37xQnxGryeJfchw==","signatures":[{"sig":"MEUCIQDaO1Pxl5w0KRFta5/rdwvBxI4ke0xSsKMKjHoQPpLRJwIgNPeqIMuSZ+PulHgCP1QvcZoxK9sN/a3qgIOAZPIlAhk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17901},"main":"src/index.js","private":false,"scripts":{"build":"vite build"},"_npmUser":{"name":"bobwangsport","email":"wangbo32@300624.cn"},"_npmVersion":"10.8.2","description":"Performance Monitor 是一个轻量级的Vue 3性能监控组件，旨在帮助开发者实时监测和分析Web应用的性能表现。该组件提供了全面的性能指标监控和日志记录功能。","directories":{},"_nodeVersion":"20.15.0","dependencies":{"vue":"^3.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.13","@vitejs/plugin-vue":"^5.2.3"},"_npmOperationalInternal":{"tmp":"tmp/performance-monitor_1.0.4_1745394063874_0.8438686415642411","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@bobwangsport/performance-monitor","version":"1.0.5","keywords":["vue3","performance","monitor"],"author":{"name":"Bob Wang"},"license":"MIT","_id":"@bobwangsport/performance-monitor@1.0.5","maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"dist":{"shasum":"0e803d2c7b1edfcde0c202f63e9aeddd11e0736f","tarball":"https://registry.npmjs.org/@bobwangsport/performance-monitor/-/performance-monitor-1.0.5.tgz","fileCount":8,"integrity":"sha512-EC/vUjoYz7/DdIOhO1oi38t/om4JEiOMzVYsVBrNp2EGxv/1iqvsv04Hq6NlFSiKxoeI9t1JLuUPpjmBNYfNfw==","signatures":[{"sig":"MEUCIQDWgJtRtI4/YOtMSOOOi7do9ebms5rFAEY1UBqacngRNgIgIH0QT2zzS/7C8C5YYNdfmqno4ji/WYS/KJs2FSQSzE0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17901},"main":"src/index.js","private":false,"scripts":{"build":"vite build"},"_npmUser":{"name":"bobwangsport","email":"wangbo32@300624.cn"},"_npmVersion":"10.8.2","description":"Performance Monitor 是一个轻量级的Vue 3性能监控组件，旨在帮助开发者实时监测和分析Web应用的性能表现。该组件提供了全面的性能指标监控和日志记录功能。","directories":{},"_nodeVersion":"20.15.0","dependencies":{"vue":"^3.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.13","@vitejs/plugin-vue":"^5.2.3"},"_npmOperationalInternal":{"tmp":"tmp/performance-monitor_1.0.5_1745394624610_0.713296981250358","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@bobwangsport/performance-monitor","version":"1.0.6","keywords":["vue3","performance","monitor"],"author":{"name":"Bob Wang"},"license":"MIT","_id":"@bobwangsport/performance-monitor@1.0.6","maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"dist":{"shasum":"1d81979185d584ceced1c2e62b854b630c4469b4","tarball":"https://registry.npmjs.org/@bobwangsport/performance-monitor/-/performance-monitor-1.0.6.tgz","fileCount":8,"integrity":"sha512-qtcfUC6H/jkBiMGzBL6g+LrYsjSZ7kIoiKyXjHkh4i5TFuhlSwrEdvB0MCoOn3FmI+bB02Bol9Qgs1ZsQ4Xb4w==","signatures":[{"sig":"MEUCIQCjfh499g3mCD9rSvWroYsufXFXa9Bw2WkulUZViGzFTwIga39J+QVmKJMz8jfQqt7tvvnIJ8HslYa2V0FZVgNDGSg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17733},"main":"src/index.js","private":false,"scripts":{"build":"vite build"},"_npmUser":{"name":"bobwangsport","email":"wangbo32@300624.cn"},"_npmVersion":"10.8.2","description":"Performance Monitor 是一个轻量级的Vue 3性能监控组件，旨在帮助开发者实时监测和分析Web应用的性能表现。该组件提供了全面的性能指标监控和日志记录功能。","directories":{},"_nodeVersion":"20.15.0","dependencies":{"vue":"^3.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.13","@vitejs/plugin-vue":"^5.2.3"},"_npmOperationalInternal":{"tmp":"tmp/performance-monitor_1.0.6_1745395530546_0.510591506304239","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@bobwangsport/performance-monitor","version":"1.0.7","keywords":["vue3","performance","monitor"],"author":{"name":"Bob Wang"},"license":"MIT","_id":"@bobwangsport/performance-monitor@1.0.7","maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"dist":{"shasum":"4e213f21c0fe1039b7d4f1cfc31ae4230fdae493","tarball":"https://registry.npmjs.org/@bobwangsport/performance-monitor/-/performance-monitor-1.0.7.tgz","fileCount":8,"integrity":"sha512-uvfXh7eIBkTAY/YcF5O9N3FhbnnIKL/b/mtZy6Iqw4YO/LVzxBIJRGHSZeCUKVG80cA0TBRJ2MbktPKtAh/5Pw==","signatures":[{"sig":"MEYCIQCYD7My++9X1uJD5BCU21/eha+ViX+6zKUqD6G+4sh0CAIhAOsVjJyUM6qcpvxmEummv3sV4VsQ9m5upVfLvRgm4pHB","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15010},"main":"src/index.js","private":false,"scripts":{"build":"vite build"},"_npmUser":{"name":"bobwangsport","email":"wangbo32@300624.cn"},"_npmVersion":"10.8.2","description":"根据代码分析，我将为您优化README.md文件，使其更好地描述组件的功能和使用方法：","directories":{},"_nodeVersion":"20.15.0","dependencies":{"vue":"^3.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.13","@vitejs/plugin-vue":"^5.2.3"},"_npmOperationalInternal":{"tmp":"tmp/performance-monitor_1.0.7_1745401105759_0.4669460217304129","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@bobwangsport/performance-monitor","version":"1.0.8","keywords":["vue3","performance","monitor"],"author":{"name":"Bob Wang"},"license":"MIT","_id":"@bobwangsport/performance-monitor@1.0.8","maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"dist":{"shasum":"708d9259659da9686155c63a8374ee412afcb908","tarball":"https://registry.npmjs.org/@bobwangsport/performance-monitor/-/performance-monitor-1.0.8.tgz","fileCount":8,"integrity":"sha512-pFQ3mYRS4h3KJSQ1FmAHE5KqD1D/YronImFf1SunZ11xM/ABHFDLxka4XiLlJEP1GvCLM1QKCQ/lbMwDgej1Uw==","signatures":[{"sig":"MEUCIAvT9hqA53rukEATNPgvw4+KjBZAFYUqLAg8UQekY87VAiEAr6TNFPzMxK7f6IzzpcUEFDwjjnPkjpP9Em5i5EDnNic=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14788},"main":"src/index.js","private":false,"scripts":{"build":"vite build"},"_npmUser":{"name":"bobwangsport","email":"wangbo32@300624.cn"},"_npmVersion":"10.8.2","description":"一个轻量级的Vue 3性能监控组件，用于实时监控和记录Web应用的性能指标。","directories":{},"_nodeVersion":"20.15.0","dependencies":{"vue":"^3.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.13","@vitejs/plugin-vue":"^5.2.3"},"_npmOperationalInternal":{"tmp":"tmp/performance-monitor_1.0.8_1745401156638_0.6190057405751608","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@bobwangsport/performance-monitor","version":"1.0.9","main":"src/index.js","private":false,"publishConfig":{"access":"public"},"scripts":{"build":"vite build"},"dependencies":{"vue":"^3.0.0"},"devDependencies":{"@vitejs/plugin-vue":"^5.2.3","vite":"^4.5.13"},"keywords":["vue3","performance","monitor"],"author":{"name":"Bob Wang"},"license":"MIT","_id":"@bobwangsport/performance-monitor@1.0.9","description":"一个轻量级的Vue 3性能监控组件，用于实时监控和记录Web应用的性能指标。","_nodeVersion":"20.15.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-7sCzkXFqzN0W5NeNLN+tqELcUyD3Yok7FRvcJ83UCRgIbjbBtS2/xq57bjIvPeF8GLpv2nUlq7utpNc+dpD3pA==","shasum":"6b40053daf1f5c7ea5c0f65be3e0c3ebfeaf6337","tarball":"https://registry.npmjs.org/@bobwangsport/performance-monitor/-/performance-monitor-1.0.9.tgz","fileCount":8,"unpackedSize":14510,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC63jGmNTeowXHhmiksenKSBwvgUoxbLwLurdFuehYDSQIgPvsvELLry29n21ooMvhR+wEQeo+/fNy80uRg8q0hf0U="}]},"_npmUser":{"name":"bobwangsport","email":"wangbo32@300624.cn"},"directories":{},"maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/performance-monitor_1.0.9_1745401216266_0.7615918339398591"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-23T07:17:18.379Z","modified":"2025-04-23T09:40:16.610Z","1.0.0":"2025-04-23T07:17:18.645Z","1.0.1":"2025-04-23T07:30:20.938Z","1.0.2":"2025-04-23T07:38:19.278Z","1.0.3":"2025-04-23T07:39:29.387Z","1.0.4":"2025-04-23T07:41:04.049Z","1.0.5":"2025-04-23T07:50:24.794Z","1.0.6":"2025-04-23T08:05:30.731Z","1.0.7":"2025-04-23T09:38:25.930Z","1.0.8":"2025-04-23T09:39:16.833Z","1.0.9":"2025-04-23T09:40:16.447Z"},"author":{"name":"Bob Wang"},"license":"MIT","keywords":["vue3","performance","monitor"],"description":"一个轻量级的Vue 3性能监控组件，用于实时监控和记录Web应用的性能指标。","maintainers":[{"name":"bobwangsport","email":"wangbo32@300624.cn"}],"readme":"## 简介\r\n\r\n一个轻量级的Vue 3性能监控组件，用于实时监控和记录Web应用的性能指标。\r\n\r\n## 特性\r\n\r\n- 📊 **实时渲染时间监控**\r\n  - 实时显示页面渲染时间\r\n  - 自动计算平均渲染时间\r\n  - 保留最近100次渲染数据\r\n\r\n- 💾 **内存使用监控**\r\n  - 实时显示JavaScript堆内存使用情况\r\n  - 以MB为单位展示内存占用\r\n\r\n- 📝 **性能日志记录**\r\n  - 每秒自动记录性能数据\r\n  - 包含时间戳、渲染时间和内存使用情况\r\n  - 支持日志文件导出\r\n  - ISO格式时间戳记录\r\n\r\n- 🔄 **数据重置功能**\r\n  - 一键重置所有统计数据\r\n  - 清空性能日志记录\r\n\r\n## 安装\r\n\r\n```bash\r\nnpm install @bobwangsport/performance-monitor\r\n```\r\n\r\n或使用pnpm：\r\n\r\n```bash\r\npnpm add @bobwangsport/performance-monitor\r\n```\r\n\r\n## 使用方法\r\n\r\n### 全局注册\r\n\r\n```javascript\r\nimport { createApp } from 'vue'\r\nimport PerformanceMonitor from '@bobwangsport/performance-monitor'\r\nimport App from './App.vue'\r\n\r\nconst app = createApp(App)\r\napp.component('PerformanceMonitor', PerformanceMonitor)\r\napp.mount('#app')\r\n```\r\n\r\n### 按需引入\r\n\r\n```javascript\r\nimport { PerformanceMonitor } from '@bobwangsport/performance-monitor'\r\n\r\nexport default {\r\n  components: {\r\n    PerformanceMonitor\r\n  }\r\n}\r\n```\r\n\r\n### 在模板中使用\r\n\r\n```vue\r\n<template>\r\n  <PerformanceMonitor />\r\n</template>\r\n```\r\n\r\n## 组件功能说明\r\n\r\n### 渲染时间监控\r\n- 使用`performance.now()`精确计算渲染时间\r\n- 通过`requestAnimationFrame`持续监控渲染性能\r\n- 保持最新的100条渲染时间记录\r\n\r\n### 内存监控\r\n- 通过`performance.memory`API监控内存使用\r\n- 每秒更新内存使用数据\r\n- 显示当前已用内存大小\r\n\r\n### 性能日志\r\n- 自动记录性能数据\r\n- 导出格式：`[时间戳] 平均渲染时间: XXms, 内存使用: XXMB`\r\n- 支持下载日志文件（文件名格式：`performance_logs_${timestamp}.txt`）\r\n\r\n## 浏览器兼容性\r\n\r\n- Chrome 58+\r\n- Edge 79+\r\n- Firefox（内存监控功能不可用）\r\n- Safari（内存监控功能不可用）\r\n\r\n## 注意事项\r\n\r\n1. 内存监控功能仅在支持`performance.memory` API的浏览器中可用\r\n2. 性能监控可能会对应用性能产生轻微影响\r\n3. 建议在开发和测试环境中使用\r\n\r\n## 许可证\r\n\r\nMIT © Bob Wang\r\n```\r\n","readmeFilename":"README.md"}