oulae

大家好，我卡颂 众所周知，程序员有个35岁被优化的问题，这个问题实在是让人焦虑。但是，让我们思考一个问题 —— 为什么我们会焦虑？ 如果一个问题有解决办法，只是路途比较艰难...

最近在准备面试, 所以整理了些常见的 React 相关的面试题!!!! 有需求的欢迎 点赞、收藏, 同时欢迎大家在评论区留下面试中经常被问到的问题, 一起讨论.......

最近在准备面试, 所以整理了些常见的 React 相关的面试题!!!! 有需求的欢迎 点赞、收藏, 同时欢迎大家在评论区留下面试中经常被问到的问题, 一起讨论.......

上周我在FDConf的分享《让你的网页更丝滑》中提到了“时间切片”，由于时间关系当时并没有对时间切片展开更细致的讨论。所以回来后就想着补一篇文章针对“时间切片”展开详细的讨...

虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题...

今天，分享一个实际业务中能够用得上的动画技巧。 巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样： 看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动...

1. scroll 机制是一个很优秀的用户体验机制，只不过这个机制并不能兼容 dialog 的场景 2. 滚动透传本质上是 scroll 触发机制导致的，并不能算是一个技术...

坑 安装nvm踩了不少坑，为此记录一下： 坑1. 使用brew进行了安装；（不要使用brew install nvm的方式来安装） 坑2. 在安装nvm前装了nodejs；...

因为混得不好。 在成为程序员之前，我干过很多工作。由于学历的问题（高中），我的工作基本上都是体力活。包括但不限于：工厂普工、销售（没有干销售的才能）、搬运工、摆地摊等，转行...

埋点协议 按照之前我们的设想，我们现在只需要一份埋点协议就可以完成这个性能监控 sdk 了；现在我们就来完成这个事情 埋点协议的设计 首先埋点协议这件事情是一件很严肃且复杂...

性能数据埋点的上报 性能数据埋点的上报我们其实需要考虑 3 个问题： 非阻塞上报 使用什么方式进行埋点上报 上报的时机 非阻塞上报 一般的，我们的性能埋点工具都是抽象成为一...

错误监控 JS 中的错误监控分为下面 3 类 资源加载错误 js 错误 promise 错误 资源加载错误 页面中资源加载错误，我们可以通过 监听 error 错误来实现捕...

接口监控 在 js 页面中，接口请求的方式其实总共只分为两种: XMLHttpRequest Fetch 因此，接口的监控其实就是需要为了兼容这两种监控的情况 接口监控的关...

阅读须知 如果指标中定义标注了超链接，则建议直接阅读超链接资料进行指标的理解 所有指标请联系上面这幅图片去理解 常用指标 FP 定义: 从页面加载开始到第一个像素绘制到屏幕...

写在前面 性能优化&前端监控 这个系列的文章是自己在学习性能优化时的系列总结，这个过程的主要思路为： 基于 Arms 前端监控分析出基本的前端监控架构 分析一个性能监控 s...

浏览器直播使用 flv.js 很简单，传入流地址就能播放。然而直播中的”延迟“和”卡顿“问题，才是决定直播质量的关键...

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要...

前端监控分为性能监控和错误监控。其中监控又分为两个环节：数据采集和数据上报。本文主要讲的就是如何进行数据采集和数据上报。 性能数据采集需要使用 window.perform...