最新内容

前端性能监控与用户行为分析的开源利器——Webfunny

简介今天给大家推荐一个专为前端开发者设计的开源监控系统——Webfunny。主要用于前端性能监控、用户行为分析和错误日志追踪。它可以帮助开发者实时监控前端应用的运行情况、用户操作路径以及性能表现,从而快速定位问题并优化应用。前端性能监控Webfunny可以监控网页加载的各个关键性能指标,包括首屏渲染时间、总下载时间、资源加载时间等,并生成详细的性能报告。用户 …

如何打好前端游击战(如何打好前端游击战模式)

一、前端游击战为哪般?小鹿乱撞,心花怒放。终于有机会在梦寐以求的团队博客的评论以外位置留下自己的痕迹啦,撒花撒花!淡定淡定,官博是严肃的地方,要是随便侃大山侃小山,拙文估计会被“里德尔”砍成袁姗姗。深吸一口气,闲话少说,放马入题。首先有必要先回答这个问题:“何为前端游击战?”所谓“前端游击战”是相对“前端常规战”而言的。一般而言,一个前端会负责一个(也有多个 …

TaskBuilder触发前端组件请求后台服务的常见事件

当以下事件发生时,可能会触发相关前端组件向后台服务发起请求:4.3.1页面加载时这种情况主要用于数据查询,在前端页面加载完毕后(页面静态内容渲染完毕),会自动判断页面里的每个前端组件是否设置了数据查询操作,如果设置了,则自动请求相应的后台服务进行数据查询,并将查询结果绑定到组件内,例如数据表格组件、表单组件、下拉列表组件、数据卡片组件、树形组件等,但数据表格 …

当下最流行的点击效果 waves.js(当下最流行的客厅吊顶)

我第一次看到这个效果是 Google Design 也就是谷歌的设计团队博客用到了这个效果 , 当时的第一感觉就是 擦 ,google就是牛逼, 一个按钮点击也要酷到不要不要的了第二次看到这个效果是一个 国外的优秀后台模板上面 ,这次我不会在放过了 , 使劲的扒源代码 ,最终让我发现了一个隐藏很深的一款插件 waves.js,口说无凭,我整理了个demo可以 …

touch-action踩坑(touch action)

使用css touch-action的原因在其官方的说明中:是否,以及以何种方式,给定的区域,可以由用户通过触摸屏操作(例如,通过平移或缩放内置的浏览器功能)但我最初并不是因为这个来使用它的,后续会补充一篇使用这个特性做出来的效果。我用这个属性是因为自己在使用antd-mobile的走马灯时候,在控制台代码警告,内容是这样的:[Intervention] U …

页面崩溃了!记录一次测试中出现的前端内存溢出现象

前情回顾前几天在一次web应用测试过程中,前端发起了向后端接口的查询请求,由于后端响应较慢,前端一直处于等待响应返回状态。在几分钟后,突然页面出现让人惊悚的“噢噢,页面崩溃了”几个大字。看到这几个字的一瞬间,血压突然飙升,脑袋里嗡地一声冒出一串问号:发生了什么事?于是,抱着可能是“出现错觉”幻想,再次在前端重复了操作步骤,结果不出所料依然“噢噢,页面崩溃”。 …

前端安全究竟该怎么做?从一个安全漏洞说起......

作者 | 李世奇责编 | 郭 芮从一个安全漏洞说起Lodash是一款非常流行的npm库,每月的下载量超过8000万次,GitHub上使用它的项目有超过400万。前段时间Lodash的一个安全漏洞刷爆了朋友圈,我们先来回忆下这个安全漏洞:攻击者可以通过 Lodash的一些函数覆盖或污染应用程序。例如:通过Lodash库中的函数defaultsDeep可以修改O …

深入前端细说如何实现用户行为的动态采集与分析

作者: Rebecca 政采云前端团队转发链接:https:mp.weixin.qq.coms10QC1n2RBZ-0UHUW4yFNmw建设价值首先来说一下,为什么我们要做这样一个用户行为分析的系统?数据埋点的业务价值客满部门的同学想要更精准的定位,用户高频问题,降低咨询量,提升用户满意度。陆续有帮助用户答疑解惑的功能模块上线,但是,其效果无法衡量。运营想 …

梳理React常考面试题很全面(react前端面试题及答案2023)

我是poetry,点击上方“关注”,每天为你分享前端进阶与个人精进干货。完整版详情 interview。poetries。top1、React 中 keys 的作用是什么?Keys是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识在开发过程中,我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中Re …