touxing

你是否一直对前端性能监控系统的底层原理充满好奇？想知道那些 FCP、LCP、FID 指标是如何被精准捕获的？... ...

在前三篇文章中，我们搞定了性能、行为和错误的采集。但很多掘友在评论区灵魂发问：**“数据是抓到了，发不出去有啥用？进电梯断网了咋办？页面关太快请求被掐了咋办？.......

写出好代码的底层逻辑 程序员安身立命的手艺就是写代码，可多少人知道如何才能写出好的代码呢？这几年也做过很多次的代码 CR，可好代码的标准在哪里呢？我们在做 CR 的时候，其...

平日开发过程中，大家是如何调试线上问题的呢？等一下，还有没有人在用 SourceMap 调试啊？通过 SourceMap，我们可以在浏览器内，直接看到源码，而不是编译、压缩...

学会调试线上代码是每个前端都必须学会的技能，本篇将介绍使用两种方式调试线上环境中的代码。 先说说为什么要学会调试线上环境？ 大部分情况下，遇到线上bug时，我们可以在本地启...

叫你如何构建一个属于自己的 3D 个人简历，这篇文章会探讨如何高定制化地构建一个自己喜欢的 3D 场景。我们将深入探讨 Three.js、Shader(GLSL)、Curs...

良好的教养并不在于你不会把调味汁打翻到桌布上，而在于别人发生了这样的事你却能视而不见。 —— 契诃夫《带阁楼的房子》...

PixiJS作为一个高性能的2D渲染引擎，凭借其强大且灵活的渲染系统，使开发者得以创造出色的图形和动画效果。在现代Web应用程序和游戏开发中，选择适当的渲染器和理解其工作原...

如果打算学习Canvas做图片设计、定制设计相关的工具，我建议你学习一下fabric.js，非常强大，可以做出很多有意思的项目...

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无...

最近在项目中遇到需要视频直播、视频回放等需求，在实现过程中也碰到了很多坑，因此在这里记录一下调研过程中遇到的解决方案。 可以将不同速率的版本切成相应的片；播放器可以直接使用...

前端如何播放 RTSP 流 但是如果是个人开发者或者小团队他们可能没接触过，遇到此类场景会没有头绪，本文就是基于此来写的，算是自己在开发过程中探索出来的前端可以独立 Cov...

如果没有相关经验的，经常会以为国际化只有词条相关工作项，这就是第一个坑点：工作量的评估过于乐观，遗漏其他工作项。 但当你真正去开发一个国际化项目后，你会发现，国际化的难点、...

对比了HTTP、SSE与WebSocket的通信特性，并由浅入深讲解WebSocket，探讨了WebSocket原生API的使用和 socket.io库，以及在NestJS...

早期想开发一个桌面GUI应用软件，且希望在不同平台上运行，可选的技术和框架并不多，主要有 wxWidgets、GTK或Qt；这三种框架都是基于C/C++实现的，导致开发桌面...