npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@unimed-web-tracing/vue3

v1.0.0-alpha.14

Published

基于 JS 跨平台插件，为前端项目提供【 埋点、行为、性能、异常、请求、资源、路由、曝光、录屏 】监控手段 - vue3版本

Downloads

1,061

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

rhymedysrhymedys

Keywords

埋点性能异常性能采集异常采集前端埋点前端性能采集

Readme

示例项目(本地)

js版本 https://github.com/M-cheng-web/web-tracing-examples-js

vue2版本 https://github.com/M-cheng-web/web-tracing-examples-vue2

vue3版本 https://github.com/M-cheng-web/web-tracing-examples-vue3

演示

事件监听

错误监听

资源监听

亮点

提供了多种定制化api最大限度帮助你应付各个场景的业务，例如:

  • 提供钩子函数让你对数据精确把握
  • 提供本地化选项api，让开发手动控制去发送监控数据 - 节省带宽
  • 提供批量错误api，在遇到无限错误时融合批量错误信息 - 节省带宽
  • 提供抽样发送api - 节省带宽
  • 提供 错误/请求 事件的过滤api
  • 等等....

站在技术角度，因为明确此项目可能更多的是应用在公司平台上，大概率会二开，所以作者对项目结构以及代码都严格要求

  • 架构 - demo、核心sdk代码、文档都在同一个项目中，调试、部署都很方便
  • 封装 - sdk存在大量的重写或者监听，对此有统一流程
  • 响应式 - 项目内部实现了vue响应式，也应用在 options 对象中，相信你接触会后受益良多
  • 多版本 - 针对不同平台提供多个版本(目前只有js、vue2、vue3)，受益于monorepo架构可一键发布
  • 内聚 - 目前核心功能的所有代码都没有分包，虽然monorepo架构支持，但作者认为目前分包不利于代码阅读以及二开方便
  • 文档/注释 - 完善的文档以及非常全的注释，力求帮助你快速了解这一切