<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[webfunny2020的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/webfunny2020</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; webfunny2020]]></copyright><item><title><![CDATA[前端埋点系统之如何用heatmap.js画网页热力图]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/143468329</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/143468329</guid><author>webfunny2020</author><pubDate>Sun, 03 Nov 2024 18:18:37 +0800</pubDate><description><![CDATA[Hello，大家好。在当今数字化时代，理解用户行为成为了企业成功的关键之一。随着互联网的发展，用户与网站、应用和产品的互动变得愈发复杂而多样化。在这样的背景下，埋点系统成为了洞察用户行为的重要工具之一。而其中的热力图分析，则更加直观的帮助我们分析用户的喜好。之前我们介绍了什么是热力图，以及它如何成为理解用户行为的有力工具。今天我们从技术的角度来看，如何实现热力图效果呢？热力图是埋点系统必不可少的一项能力，可以来看看。]]></description><category></category></item><item><title><![CDATA[IDEA集成AI的DevAssist插件使用指南]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/143272528</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/143272528</guid><author>webfunny2020</author><pubDate>Sun, 27 Oct 2024 18:55:24 +0800</pubDate><description><![CDATA[DevAssit是一款高效的智能开发辅助插件平台，它基于强大的大语言模型，为开发者提供了一系列AI智能代码辅助功能。DevAssist通过上下文感知的智能分析，帮助开发者在编码过程中快速解决问题，提高代码质量，促进团队协作。这些功能不仅包含代码补全，同时还能为用户提供了代码问答（代码重构、用例编写、代码解释）等辅助功能。它还支持多语言和跨平台使用，确保了广泛的适用性和一致的用户体验。同时DevAssist致力于通过个性数据私有话数据，为开发者提供一个全面、高效且安全的编程环境。4.1.平台用户欢迎界面。]]></description><category></category></item><item><title><![CDATA[Clickhouse硬盘爆了！该如何进行排查和优化设置？]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/143272352</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/143272352</guid><author>webfunny2020</author><pubDate>Sun, 27 Oct 2024 18:49:00 +0800</pubDate><description><![CDATA[Hello大家好，在我们使用了clickhouse进行数据存储后，多多少少遇到一些棘手的问题，在此分享一下，希望对有同样情况的同学有所帮助。我们平台使用clickhouse改造后，系统流畅度得到大幅提升，大家有兴趣可以来体验一下效果，如大家所知，Clickhouse数据有几大优点，很适合处理海量的数据，如：查询效率高、clickhouse号称10亿数据，毫秒级查询返回结果；数据压缩率高、它采用了列式存储，对数据压缩有天然优势，节省硬盘资源；]]></description><category></category></item><item><title><![CDATA[linux日常使用命令总结]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/142028742</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/142028742</guid><author>webfunny2020</author><pubDate>Sun, 08 Sep 2024 16:42:45 +0800</pubDate><description><![CDATA[命令是一个更加强大的文件复制工具，它支持增量复制，即只复制文件中变化的部分，从而节省了大量的时间和带宽。下面是使用 cp 命令复制文件的一些基本用法和示例。命令主要用于创建和提取存档文件，但它也可以用来复制文件。复制文件的优点是可以一次性复制多个文件，并且可以保留文件属性。在 Linux 中，复制文件是一个常见的操作，通常使用。命令之外，还有一些其他工具可以用来复制文件，例如。：仅在源文件比目标文件新或目标文件不存在时复制。：交互模式，在覆盖现有文件之前询问用户。：详细模式，显示复制的详细信息。]]></description><category></category></item><item><title><![CDATA[三步教你打造精准埋点方案，提升数据分析效率]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/142028129</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/142028129</guid><author>webfunny2020</author><pubDate>Sun, 08 Sep 2024 15:59:08 +0800</pubDate><description><![CDATA[事件：相当于webfunny埋点系统的“点位”，用来定义用户行为（用户在使用网站、App或小程序的过程中触发的行为）或系统事件作为埋点对象，如“点击购买按钮”、“页面加载完成”等。属性：相当于webfunny埋点系统的“字段”，可以通过属性为事件补充相关的信息，以提供更丰富的上下文信息，如事件发生的时间、用户ID、设备信息等。]]></description><category></category></item><item><title><![CDATA[前端布局利器：Flex布局]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/141787699</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/141787699</guid><author>webfunny2020</author><pubDate>Mon, 02 Sep 2024 15:00:00 +0800</pubDate><description><![CDATA[曾经的我们使用传统布局方式，我们深刻的体会着1px除不尽，三等分，居中，塌陷等等让我们升血压的问题。传统的布局方式：布局繁琐，需要使用大量的HTML和CSS代码来实现简单的布局。灵活性差，难以实现复杂的布局效果。难以维护，由于使用了大量的HTML和CSS代码，导致布局难以维护和修改。移动端适应性差，在移动设备上可能无法很好地展示。布局的传统解决方案，基于盒状模型，依赖display属性+ position属性+ float属性。]]></description><category></category></item><item><title><![CDATA[前端Flex布局常见的几个问题]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/141788013</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/141788013</guid><author>webfunny2020</author><pubDate>Mon, 02 Sep 2024 12:00:00 +0800</pubDate><description><![CDATA[在Flex布局中，如果元素的大小超过了父容器的大小，那么该元素会自动溢出。要处理溢出的情况，你可以使用CSS的overflow属性来指定溢出时的处理方式。要改变Flex元素的顺序，你可以使用CSS的order属性。要创建灵活的网格布局，你可以将多个Flex容器组合在一起，并使用CSS的grid布局方式。在Flex布局中，元素的大小是根据其内容的自然大小来确定的。如果要改变元素的大小，你可以使用CSS的。要改变Flex元素之间的间隔，你可以使用CSS的。要处理Flex元素的对齐，你可以使用CSS的。]]></description><category></category></item><item><title><![CDATA[Webfunny前端监控如何搭建高并发使用场景]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/141787581</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/141787581</guid><author>webfunny2020</author><pubDate>Sun, 01 Sep 2024 18:12:47 +0800</pubDate><description><![CDATA[Webfunny可以支持千万级别PV的日活量了。]]></description><category></category></item><item><title><![CDATA[ClickHousez中如何定时清理过期数据库？]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/141787447</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/141787447</guid><author>webfunny2020</author><pubDate>Sun, 01 Sep 2024 17:58:57 +0800</pubDate><description><![CDATA[要在ClickHouse中自动删除过期的数据库，你可以使用ClickHouse的SQL命令结合外部脚本（如Shell脚本）和计划任务（如cron）来实现。下面是一个示例，展示如何创建一个Shell脚本来检查数据库的创建时间，并根据设定的时间阈值来删除过期的数据库。步骤 1: 创建 Shell 脚本首先，创建一个Shell脚本，用于检查ClickHouse中的数据库，并根据创建时间来删除过期的数据库。示例脚本。]]></description><category></category></item><item><title><![CDATA[如何快速搭建一套属于自己的埋点系统？]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/141109947</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/141109947</guid><author>webfunny2020</author><pubDate>Sun, 11 Aug 2024 20:14:29 +0800</pubDate><description><![CDATA[今天给大家分享下埋点系统如何进行创建使用？毕竟埋点创建好上报后，是需要直观的展现出来数据，所以今天来介绍一下如何快速搭建属于自己的一套埋点系统，比如怎么建点位、卡片、进行数据分析等。在开始介绍前先介绍下，让新同学快速了解这个产品是一个轻量级、易使用，埋点分析一体化的产品，用户可以根据自己的需求，创建不同的埋点，选择不同的图形在数据看板中来展示分析数据，我们支持单个数据的展示，有适用于体现数据的变化趋势，也有适用于体现总量和比率，还支持多个数据进行重叠展示等等。]]></description><category></category></item><item><title><![CDATA[webfunny埋点系统创建数据分析]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/141110855</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/141110855</guid><author>webfunny2020</author><pubDate>Sun, 11 Aug 2024 20:12:48 +0800</pubDate><description><![CDATA[之前给大家分享过如何哟个webfunny快速搭建属于自己的埋点系统，j利用点位字段创建好卡片进行数据展示，今天给大家演示下埋点系统进行数据分析卡片创建完成后的DEMO，比较直观帮助大家了解不过DEMO只是演示，具体的业务分析还需要根据实际情况进行字段点位创建，创建完成后根据要看的业务数据分析目标在进行具体看数。]]></description><category></category></item><item><title><![CDATA[clickhouse使用clickhouse-backup来本地和远程备份文件]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/140910148</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/140910148</guid><author>webfunny2020</author><pubDate>Sun, 04 Aug 2024 19:11:49 +0800</pubDate><description><![CDATA[【代码】clickhouse使用clickhouse-backup来本地和远程备份文件。]]></description><category></category></item><item><title><![CDATA[webfunny埋点系统如何进行部署？]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/140909946</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/140909946</guid><author>webfunny2020</author><pubDate>Sun, 04 Aug 2024 19:02:47 +0800</pubDate><description><![CDATA[hello 大家webfunny埋点系统做了不少功能更新，平常给大家分享比较多的是****，最近有不少技术同学来了解webfunny埋点系统，今天主要给大家分享下webfunny埋点系统部署，分为本地部署和线上部署。还没有试用和部署过webfunny埋点系统的同学，可以跟着下面部署引导，在上进行demo试用部署实操。]]></description><category></category></item><item><title><![CDATA[Webfunny白屏检测方案（附操作介绍）]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/140405822</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/140405822</guid><author>webfunny2020</author><pubDate>Sat, 13 Jul 2024 20:32:29 +0800</pubDate><description><![CDATA[页面白屏，绝对是让前端开发者最为胆寒的事情，特别是随着 SPA 项目的盛行，前端白屏的情况变得更为复杂且棘手起来。2、判断17这个采样点是否在该容器集合中，就是判断这17个位置下有没有dom元素，如果都没有，则说明白屏了，同时开启轮询检测，来确保白屏检测结果的正确性，直到页面的正常渲染。依据平均值，可以通过DOM数量来辅助判断白屏和业务白屏的方式，提升白屏判断的准确性。复现难度高，面对这样的问题，内心很虚，因为导致白屏出现的原因非常多，这不是一个明确的错误，如果没有好用的监控工具，真不知道该从何入手。]]></description><category></category></item><item><title><![CDATA[埋点系统如何统计用户的平均停留时长？]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/140405606</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/140405606</guid><author>webfunny2020</author><pubDate>Sat, 13 Jul 2024 20:20:39 +0800</pubDate><description><![CDATA[webfunny埋点系统统计用户平均停留时长]]></description><category></category></item><item><title><![CDATA[ClickHouse备份方案]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/139903343</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/139903343</guid><author>webfunny2020</author><pubDate>Sun, 23 Jun 2024 17:38:59 +0800</pubDate><description><![CDATA[对于大规模生产环境，通常推荐使用clickhouse-backup工具进行自动化备份管理，因为它提供了更全面的功能和更好的灵活性。这个工具由Altinity维护，支持全量备份、增量备份、恢复、备份加密、备份验证等功能。这是一种在线备份的方式，不会影响表的正常使用，但需要手动管理备份文件，并且更适合小规模或特定场景下的备份需求。这种方式提供了在线备份的能力，适合小规模数据或部分数据的备份。命令创建增量备份，仅备份自上次备份以来变化的数据。**全量备份：**使用。**增量备份：**使用。]]></description><category></category></item><item><title><![CDATA[Webfunny【用户细查】七项功能升级更新：大幅提升用户排查效率！]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/139903016</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/139903016</guid><author>webfunny2020</author><pubDate>Sun, 23 Jun 2024 17:34:18 +0800</pubDate><description><![CDATA[为了提升用户细查的使用体验，我们在查询时间范围、查询时间颗粒度、筛选条件、布局和呈现方式等地方做了大量的改动和优化；同时，增加了用户历史足迹、白屏检测能力、用户使用体验评估、丰富了基础信息内容，极大的提高了排查问题的效率。]]></description><category></category></item><item><title><![CDATA[Nginx代理配置（专业版）]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/139213077</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/139213077</guid><author>webfunny2020</author><pubDate>Sun, 26 May 2024 12:15:26 +0800</pubDate><description><![CDATA[注意：监控系统只是运行代码，是否支持https，需要运维同学在你们的服务器上配置https证书，配置好证书，就可以支持https了。常见问题：很多同学配置好了https证书，但是上报接口用的还是http。webfunny的探针是根据监控项目的网址来判断的，你的。以上是webfunny<Nginx代理配置>操作介绍,  ps： 如果你是前端工程师的相关技术同学，欢迎试用体验**写在前面提醒：使用代理，如果可以，请尽量支持双协议，http、https均要支持哈。，上报接口也会切换到https。]]></description><category></category></item><item><title><![CDATA[如何优化解决React + Antd + Wepack 项目体积大问题！！]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/139212960</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/139212960</guid><author>webfunny2020</author><pubDate>Sun, 26 May 2024 12:10:30 +0800</pubDate><description><![CDATA[Hello，大家下午好，今天想给大家分享一期webfunny优化的功能。主要是最近陆续有一些小伙伴向我们反馈，webfunny页面加载速度比较慢，且偶尔会出现页面崩溃的情况。刚开始我是不大相信的，因为在我的电脑上访问，运行都是很正常的，直到我把浏览器文件的压缩对比打开后，才发现：经过这么长时间的功能迭代，前端项目打包的体积已经变得如此臃肿了！！！非常惭愧，是我们疏忽了这点！接下来我们将对，争取能够给大家一个更好的使用体验。如果你也想知道线上应用的响应时长，也可以监控一下试试，看看效果。]]></description><category></category></item><item><title><![CDATA[如何快速实现微信公众号扫码关注完成登录（附：超详细操作流程）]]></title><link>https://blog.youkuaiyun.com/webfunny2020/article/details/139041098</link><guid>https://blog.youkuaiyun.com/webfunny2020/article/details/139041098</guid><author>webfunny2020</author><pubDate>Sun, 19 May 2024 12:53:07 +0800</pubDate><description><![CDATA[Hello，大家好，欢迎使用Webfunny前端监控和埋点平台。今天，我们来详细介绍一下关注微信公众号后，并完成登录的详细流程。微信登录广为人知了，涉及到订阅号，公众号，小程序等，他们各自登录流程有和区别，很多同学可能不甚清楚。我也是经过一番调研和倒腾才搞明白了是怎么回事，特此记录，以供大家了解和学习。微信公众平台用于管理、开放微信公众号（包括订阅号、服务号、企业号），简单的说就是微信公众号的后台运营、管理系统。]]></description><category></category></item></channel></rss>