大秦同学

作为一个以 文档丰富 而广为人知的前端开发框架， Vue.js 的官方文档中分别在《教程-工具-单元测试》、《Cookbook-Vue组件的单元测试》里对 Vue 组件的单元测试方法做出了介绍，并提供了官方的单元测试实用工具库 Vue Test Utils；甚至在状态管理工具 …

上面代码中，我们在当前xhr对象上写入了一个新的属性，用于保存我们获取到的信息。 请求body的数据，我们在下面的分析中获取 1. 请求数据反映了用户轨迹的一部分 2. 请求信息可以帮助我们定位问题 3. 通过分析请求的成功率，及时发现服务端问题

1. XMLHttpRequest对象 现代浏览器，最开始与服务器交换数据，都是通过XMLHttpRequest对象。它可以使用JSON、XML、HTML和text文本等格式发送和接收数据。 在后台向服务器发送数据。 使用起来也比较繁琐，需要设置很多值。 早期的IE浏览器有自己…

要监控网页的卡顿，我们必须从 FPS 说起。 FPS 是来自视频或者游戏里的概念，即是每秒的帧数，代表视频或者游戏的流畅度，俗话说，就是“不卡”。 那在前端开发领域，网页的 FPS 是什么呢？ 网页内容在不断变化之中，网页的 FPS 是只浏览器在渲染这些变化时的帧率。帧率越高，…

本文是如何监控网页的卡顿？的下篇。今天我们把话题聚焦在如何监控网页的崩溃上。 卡顿也就是网页暂时响应比较慢，JS 可能无法及时执行，这也是上篇网页卡顿监控所依赖的技术点。 但，天无绝人之路，方法总是有的。 搜遍互联网，几乎找不到方法，最终碰上了这篇文章。本文利用 window …

Chrome DevTools作为一名前端开发工程师的赖以生存的工具，日 常的断点调试，抓包http数据都只是基本操作。那么，你还知道他的一些高级用法吗？开发人员不可避免的需要维护别人写的代码，当你面对几十万行代码的大项目的时候，码海啊，茫茫啊，随波逐流，崩崩溃溃，怎么快速查找…

项目上线后，通常都是都会做埋点，做数据监控、异常监控以及性能监控，本文主要聊聊前端性能监控。重点讲performance怎么做性能监控。 页面加载的方式有两种，一种是加载完资源文件后通过javascript动态获取接口数据，然后数据返回渲染内容，这就是前后端分离的项目页面加载方…

最近好多事情，最近前端分享会也如期而至，有幸这次分享会，正好周末有时间，做个总结吧。 这次想分享的就是算法与数据结构，刷了一段时间题目，逛了逛LeetCode，看了很多关于这个方面的文章，有所感悟，准备做个记录吧。 当你想花时间去了解学习一件对你来说，很苦难的事情的时候，我们需…

最近开发的埋点项目，需要记录用户行为轨迹即用户页面访问顺序。需要在页面跳转的时候，记录用户访问的信息（比如 url ，请求头部等），非单页面应用可以给 window 对象加上一个 beforeunload 事件，在页面离开时触发采集开关，但是现在很多业务是单页面应用，用户切换地…