• Stars
    star
    186
  • Rank 206,495 (Top 5 %)
  • Language
    JavaScript
  • Created about 3 years ago
  • Updated 8 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

一个前端监控 SDK 教学项目

monitor

一个简易的前端监控 SDK DEMO,仅供学习,请勿在生产环境中使用。

文档

DEMO

克隆项目后,执行命令打开服务器。

npm run server

然后用 vscode 的 live server 插件访问 examples 目录上的 html 文件,即可尝试体验监控 SDK 的效果。同时打开开发者工具,点击 network 标签,可以看到上报数据的发送请求。

使用

直接 HTML 文件中引入使用

<script src="https://cdn.jsdelivr.net/npm/monitor-demo/dist/monitor.js"></script>
<script>
    monitor.init({
        url: 'http://localhost:8080/reportData'
    })
</script>

通过 npm 使用

安装

npm i monitor-demo

引入

import monitor from 'monitor-demo'
// 如果有 Vue 的话
import router from './router'
import Vue from 'vue'

monitor.init({
    url: 'http://localhost:8080/reportData',
    vue: {
      Vue,
      router,
    }
})

More Repositories

1

visual-drag-demo

一个低代码(可视化拖拽)教学项目
Vue
5,107
star
2

nand2tetris

计算机系统要素-从零开始构建现代计算机
JavaScript
2,630
star
3

introduction-to-front-end-engineering

一本小书《带你入门前端工程》
1,885
star
4

MIT6.828

实现一个操作系统内核
C
1,796
star
5

Front-end-articles

分享我的编程经验和学习心得,订阅请点 watch
JavaScript
1,523
star
6

Front-end-basic-knowledge

前端知识点、面试题
792
star
7

vue-admin-template

Vue 轻量级后台管理系统基础模板
Vue
763
star
8

vue-form-maker

Vue 表单生成器——动态生成表单组件
JavaScript
259
star
9

mini-vue

模仿 Vue1.0 写的迷你版 Vue
JavaScript
177
star
10

true-question

计算机及应用(本科)自考历年真题分享
159
star
11

mini-cli

模仿 Vue CLI 写的迷你版脚手架
JavaScript
124
star
12

node-blog

用 node 搭建个人博客
JavaScript
119
star
13

mini-single-spa

一个微前端框架教学项目
TypeScript
109
star
14

2017ife-task

2017百度前端技术学院任务
JavaScript
61
star
15

tiny-rendering-engine

从零开始实现一个玩具版浏览器渲染引擎
TypeScript
60
star
16

vue-upload-imgs

vue 图片上传组件(base64 版)
JavaScript
50
star
17

copy-rollup

拷贝自 rollup 初版源码,并对其进行了部分修改
JavaScript
46
star
18

i18n-replace

前端国际化辅助工具——自动替换中文并翻译
JavaScript
44
star
19

2016ife-task

2016百度前端技术学院任务
HTML
39
star
20

vue-ssr-demo

Vue 服务端渲染 demo
JavaScript
29
star
21

front-end-specification

前端规范
27
star
22

front-end-engineering-demo

前端工程化 demo
JavaScript
23
star
23

lowcode-llm-demo

低代码与大语言模型的结合实践 demo
Python
21
star
24

Computer-Networking-Lab

计算机网络-自顶向下-第六版实验
JavaScript
19
star
25

Algorithm

《算法》第 4 版 JavaScript 实现
JavaScript
19
star
26

platform-template-generator

JavaScript
18
star
27

micro-frontend-demo

微前端 DEMO
JavaScript
17
star
28

vite-vue3-eslint-stylelint-demo

vite-vue3-eslint-stylelint-demo 代码自动格式化
JavaScript
13
star
29

leetcode

leetcode
JavaScript
11
star
30

git-hooks-demo

用于演示 git hooks 脚本的 DEMO
JavaScript
10
star
31

table-tree

一个jquery树形表格组件
HTML
10
star
32

2018ife-task

2018前端技术学院任务
HTML
10
star
33

Notes-and-Labs

计算机学习笔记及实践
10
star
34

mini-vuex

和mini-vue配套使用的状态管理模式
JavaScript
10
star
35

markdown-editor-sync-scroll-demo

markdown 编辑器双屏同步滚动
HTML
9
star
36

source-map-demo

对压缩过的代码报错信息进行还原
HTML
9
star
37

vue-mergeable-table

根据数据动态生成可合并行列的表格
Vue
8
star
38

MIT6.830

实现一个数据库
6
star
39

rollup-plugin-import-to-const

将 import 导入变量替换为 const 命名变量 的 rollup 插件
TypeScript
6
star
40

nestjs-demo

multiple nestjs demos
TypeScript
6
star
41

github-actions-aliyun-demo

github-actions-aliyun-demo
HTML
5
star
42

github-actions-demo

自动部署到 github page
Vue
5
star
43

self-learning-english

分享一下自学英语的过程
5
star
44

eslint-config-airbnb-vue3-ts

结合了 airbnb 和 prettier 风格规范的 eslint 配置,适用于 vue3、js、ts 项目
JavaScript
4
star
45

nodejs-learning-notes

nodejs 学习笔记
JavaScript
4
star
46

woai3c.github.io

HTML
3
star
47

npm-proxy-cli

可以方便的通过命令行开启/关闭 npm http/https 代理,不支持 socks5。
JavaScript
3
star
48

toggle-router-abort-request

切换路由,取消请求-demo
JavaScript
2
star
49

type-challenges-answers

answers to type-challenges
2
star
50

webpack-demo

写一个 webpack loader 和 webpack plugin
JavaScript
2
star
51

tan-cli

tan-cli
JavaScript
2
star
52

monorepo-demo

monorepo-demo
JavaScript
1
star
53

apipost-api-generator

根据 apipost 导出的接口数据生成前端接口
TypeScript
1
star