会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
一步一个脚印一个坑
官网地址:www.webfunny.cn
博客园
首页
新随笔
联系
管理
订阅
[置顶]
Webfunny知识分享:JS错误监控
摘要: 现在的前端开发已不再是刀耕火种的年代了,各种框架、编译工具层出不穷,前端监控系统也不甘其后,遍地开花。 前端正承受着越来越重的职责,前端的业务也变得越来越复杂,此时此刻我们就更需要一套完善的监控系统来为我们的线上应用保驾护航。 但是,想在众多的监控系统挑出一个趁手的,还真不是一件容易的事。不过徒手撕
阅读全文
posted @ 2020-08-20 11:36 一步一个脚印一个坑
阅读(1898)
评论(0)
推荐(3)
[置顶]
搭建前端监控系统(二)JS错误监控篇
摘要: 前端需要被监控。 如果你是一位前端工程师,那你一定不止一次去解决一些顽固的线上问题,你也曾想方设法复现用户的bug,结果可能都不太理想。 怎样定位前端线上问题,一直以来,都是很头疼的问题,因为它发生于用户的一系列操作之后。错误的原因可能源于机型,网络环境,复杂的操作行为等等,在我们想要去解决的时候很
阅读全文
posted @ 2018-08-04 01:22 一步一个脚印一个坑
阅读(21697)
评论(7)
推荐(4)
2025年5月16日
前端埋点系统之鉴权登录页面如何做热力图(三)
摘要:
Hello,大家好。上次我们介绍了,如何利用heatmap.js来画网页热力占比图,今天我们来讲一下怎么解决鉴权页面的热力图问题。 在不需要登录的网页(如:官网)上画热力图比较方便,热力数据直接覆盖就行了。但是当网页需要鉴权的时候,如:需要登录。那么打开页面的时候,网页就是会因为需要鉴权而自动跳转到
阅读全文
posted @ 2025-05-16 17:31 一步一个脚印一个坑
阅读(23)
评论(0)
推荐(0)
前端埋点系统之如何实现网页热力占比图(二)
摘要:
Hello,大家好。上次我们介绍了,如何利用heatmap.js来画网页热力图,今天我们要介绍一下热力图的另一种展示形式 - 热力占比图。 可能大家还不太理解热力占比图是什么,我把两种效果都列出来,给大家对比看一下;想看实际效果的同学可以来看看我们的Demo效果,Webfunny前端埋点系统DEMO
阅读全文
posted @ 2025-05-16 17:29 一步一个脚印一个坑
阅读(69)
评论(0)
推荐(0)
前端埋点系统之如何用heatmap.js画网页热力图(一)
摘要:
Hello,大家好。在当今数字化时代,理解用户行为成为了企业成功的关键之一。随着互联网的发展,用户与网站、应用和产品的互动变得愈发复杂而多样化。在这样的背景下,埋点系统成为了洞察用户行为的重要工具之一。而其中的热力图分析,则更加直观的帮助我们分析用户的喜好。 之前我们介绍了什么是热力图,以及它如何成
阅读全文
posted @ 2025-05-16 17:24 一步一个脚印一个坑
阅读(171)
评论(0)
推荐(0)
2024年10月26日
使用Clickhouse数据库后,硬盘占满了,怎么办
摘要: Hello,大家好,在我们使用了clickhouse进行数据存储后,多多少少遇到一些棘手的问题,在此记录。 我们使用clickhouse改造后,系统流畅度得到大幅提升,大家有兴趣可以来体验一下效果,Webfunny前端监控和埋点系统 如大家所知,Clickhouse数据有几大优点,很适合处理海量的数
阅读全文
posted @ 2024-10-26 14:40 一步一个脚印一个坑
阅读(989)
评论(0)
推荐(0)
2023年9月15日
Flex布局常见的几个问题
摘要: 1. 如何设置Flex布局的排列方向? 要设置Flex布局的排列方向,你可以使用CSS的flex-direction属性。该属性有四个值可以选择:row(默认值,水平排列)、row-reverse(反向水平排列)、column(垂直排列)和column-reverse(反向垂直排列)。例如,要将元素
阅读全文
posted @ 2023-09-15 01:09 一步一个脚印一个坑
阅读(280)
评论(0)
推荐(0)
前端布局利器:Flex布局
摘要: 曾经的我们使用传统布局方式,我们深刻的体会着1px除不尽,三等分,居中,塌陷等等让我们升血压的问题。传统的布局方式:布局繁琐,需要使用大量的HTML和CSS代码来实现简单的布局。灵活性差,难以实现复杂的布局效果。难以维护,由于使用了大量的HTML和CSS代码,导致布局难以维护和修改。移动端适应性差,
阅读全文
posted @ 2023-09-15 00:33 一步一个脚印一个坑
阅读(262)
评论(0)
推荐(0)
前端经常出现Script error. 如何定位,如何解决
摘要: Hello,大家好。今天我们来讲一下前端出现频率非常高的一种错误:Script error。 Script error.这个错误非常的高傲和神秘,为什么呢?因为它出现的时候,不会给你提供任何有关它的线索。正常我们写的前端代码报错的时候,浏览器通常抛出错误代码的行列号,以及它的堆栈代码,这样我们就可以
阅读全文
posted @ 2023-09-15 00:28 一步一个脚印一个坑
阅读(2654)
评论(0)
推荐(0)
Webfunny大版本改造(mysql迁移至clickhouse)
摘要:
Hello,大家好,欢迎使用Webfunny前端监控、Webfunny前端埋点系统。 最近一段时间,我们整个团队都在忙着改造webfunny的clickhouse版,改造的内容非常之多,工作量非常之大,大家都忙得焦头烂额的。所以很多小伙伴提的优化建议,在这段时间都搁置了,除非是比较严重的bug,基本
阅读全文
posted @ 2023-09-15 00:13 一步一个脚印一个坑
阅读(90)
评论(0)
推荐(0)
2023年3月10日
React数字滚动组件 numbers-scroll
摘要: 数字滚动组件,也可以叫数字轮播组件,这个名字一听就是非常普通常见的组件,第一反应就是想找找网上大佬的东西顶礼膜拜一下,这一搜,还真是没找到趁手的╮(╯▽╰)╭。 最近接了大屏的需求,数字滚动肯定是免不了的,所以开始撸袖子,造轮子了( numbers-scroll )。 首先给大家看下轮子的效果吧:
阅读全文
posted @ 2023-03-10 13:44 一步一个脚印一个坑
阅读(1043)
评论(0)
推荐(1)
2023年1月31日
JS常见错误和解决方法集锦
摘要: hello大家好,很多同学使用webfunny前端监控系统也有一段时间了,发现在js错误统计功能中遇到了一些问题,不知道该如何下手解决。前端监控平台只是一个辅助工具(并非神器),正常情况下它们只能搜集问题,并以更好的方式展示给我们看,并不能够直接解决问题,所以还是需要我们根据错误信息来处理错误。今天
阅读全文
posted @ 2023-01-31 16:40 一步一个脚印一个坑
阅读(1198)
评论(0)
推荐(1)
下一页
公告