dxhsmwqc

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

在日常业务开发里，DOM 截图 几乎是刚需场景。 但问题来了——市面上的截图工具，比如 html2canvas，虽然用得多，却有一个致命缺陷：慢！...

一、前言 Webpack热更新是我们开发环境中人人皆知的基本能力，同时也是面试中比较频繁会问到的话题，那里你有没有想过整个过程是怎么实现的？ 本文将从概念 -> 手写实现彻...

痛点 众所周知，前端项目想接入国际化，基本就是 i18n 这个方案。 i18n 的使用方式如下： 但是这样有几个缺点： 中文和英文被分开，无法第一时间对应 要起很多变量名，...

一句话概括一下热敏打印机：通过温度控制打印内容。 不要在碰到一些小票打印出来模糊的时候说没墨了，他根本没有墨！核心在纸，这就是为什么我们点外卖或者堂食给到我们的小票用指甲划...

作为一个有追求的程序员，了解行业发展趋势和扩充自己的计算机知识储备都是很有必要的，特别是一些计算机基础方面的内容，就比如本篇文章要讲的计算机网络方面的知识。本文将为大家详细...

今年开始厚着脸皮写一些技术文章，大概平均两周能写出一篇。产量不高，一是因为平时上班还是挺忙的，二是不想为了写而写，如果自己都不觉得有意思的东西，是很难写下去的。 俗话说的好...

提升编译效率是前端基建中一个绕不开的话题，古茗自从在团队中落地中后台框架 Mars 后也在积极探索有效的编译提速方案...

MCP这东西，别光看网上说，自己动手试试，一试一个不吱声，来看看一个AI应用落地实战派对MCP的体验和结论吧。...

从网页控制台分析FP，FCP，LCP，DCL，L的触发时间，以及讨论如何优化。 名词解释 名词 全称 解释 FP firstPaint 首次绘制 FCP firstCont...

script 是会阻碍 HTML 解析的，只有下载好并执行完脚本才会继续解析 HTML defer 和 async有一个共同点：下载此类脚本都不会阻止页面呈现（异步加载），...

B站的离线包技术方案与大部分互联网公司实现的方案在底层逻辑上是一致的，都实现了基础的资源下发和拦截匹配机制。但在此基础上我们也有一些创新。...

搭建基于Tiptap的富文本编辑器很简单，但仅仅会使用是不够的，我们还需要掌握它的相关概念，这样才能更好的掌握...

团队开始前端错误监控方向的开发。经历了一些列的迭代和发展，从监控SDK、上报、数据治理、看板集成、APM自研可视化初步完成了一条完整且适合B站前端监控。...

前言 在前端开发中，页面白屏是一个关键指标。一方面，页面加载时白屏时间过长会显著影响用户体验；另一方面，异常场景下白屏更是系统稳定性的一大隐患。 本文将介绍前端项目白屏监测...

本文基于官方提供的案例，讲解、梳理了 Webpack Module Federation 特性的核心原理。...

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众...

本文分享如何自研前端监控系统之（一）性能监控；我们都听说过性能的重要性。但谈起性能，以及让网站"速度提升"时，我们具体指的是什么？而本篇文章将分享：如何准确地测量用户的网页...