Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

在监测功能的时候，我们首要考虑的就是，我们的监测代码不能影响我们现在的业务代码，和以后的业务代码。 经过自己的一点小测试，发现无论在关闭的时候（也就是点击叉），还是隐藏的时候（也就是点击左右箭头）都会触发 onpagehide;也无论是在首次加载，还是刷新的时候，都会触发onp…

1. 意外的全局变量 2. 遗忘的定时器 3. 使用不当的闭包 4. 遗漏的 DOM 元素 5. 网络回调 可以抓取两份快照，两份快照中间进行内存泄漏操作，最后再比对两份快照的区别，查看增加的对象是什么，回收的对象又是哪些，如上图。

最近有个领导想让我们搭组件库，然后我就想知道目前项目中使用的三方组件库哪些组件使用频率最高。本来想去咨询小伙伴，但是小伙伴太忙了，只能自己弄了。我就想能不能通过 webpack 来实现我的想法 做这个的意义是什么呢，比如是我们自己的组件库上线以后可以统计组件引用次数，并且以某个…

这是因为.bin文件执行shell脚本，在webpack配置中使用非javascript脚本就会报错。 runtimeArgs:传递给程序执行器的参数。比如我们是yarn run build，参数就是run 和 build 点击debug的按钮启动调试。

打开任意接过埋点sdk的页面，就可以很方便地查看页面及页面元素的pv、uv数据。 在右侧出现的抽屉中可进行多维度（省份、客户端、用户ID...）的筛选。 点击率排行、访问趋势、一键跳转神策分析等功能。 无埋点可视化插件是基于Chrome浏览器插件实现的，可以在完全不改动埋点sd…

互联网发展到现在，数据的重要性已经不需要再多的强调，那如何做好数据搜集的工作则是每一家公司都要面临的问题。 数据搜集可以有不同的选择。有的公司选择使用第三方统计的SDK，比如友盟、神策等；有的公司选择自己在产品中注入统计代码，搭建查询系统，当然后者的代价会比较大，但优点就是更贴…

前后端未分离以前，页面都是通过后台来渲染的，能不能访问到页面直接由后台逻辑判断。前后端分离以后，页面的元素由页面本身来控制，所以页面间的路由是由前端来控制了。当然，仅有前端做权限控制是远远不够的，后台还需要对每个接口做验证。 为什么前端做权限控制是不够的呢？因为前端的路由控制仅…

最近对前端监控很有兴趣，所以去使用了前端监控里优秀的开源库Sentry，并且研究了下Sentry源码，整理出这一系列的文章，希望能帮助大家更好地了解前端监控原理。 这一系列的文章我将结合官网api与流程图的方式，通俗易懂地讲解整个流程。 说明：packages/browser/…