建磊

VideoFrame是什么 官方的解释是：VideoFrame是js提供的面向webCodecs的端口, 代表了视频的一帧数据。 也就是说，学习VideoFrame后，咱们...

如何使用rrweb进行前端录屏，rrweb源码解析。其中包含了最小的实现demo,以及 rrweb 实现原理流程图。...

阅读Vue和React两大前端框架的源码时都出现了MessageChannel的影子，但是自己却没不了解什么是MessageChannel，它有什么用。于是花了一些时间研究...

对于一个大型项目来说，不管是后端还是前端，异常错误的监控都是非常重要的，拥有一套成熟完整的监控体系，能让我们在生产环境上发生错误时，可以第一时间定位错误发生的位置与原因，从...

Performance 一个在前端开发领域中，无法被忽视的存在，如果我们的开发是一个满足需求就可以的产品，那么可能就用不到它；但是如果我们想对我们的这个产品，做一个极致的优...

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance...

我们可以给 script 标签添加上 onerror 属性，这样在加载失败时触发事件回调，从而捕捉到异常。 并且，借助构建工具( 如 webpack 的 script-ex...

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。...

Nx简介 Nx 是一个智能、快速和可拓展的构建系统，非常适用但不局限于 monorepo 场景（后面主要以介绍monorepo项目为主），它主要专注于两个方向： 代码生成器...

对于这个问题，你可能还没有过相关需求，或者还没有在面试的时候被问到过，但是歪马相信你终将有需要。 这个问题说起来也是老生常谈，歪马今天再次提起也是希望有朝一日当你被问到的时...

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公...

我们最近刚把一个后台系统从 element-plus 切成了完全自研组件，CSS 层统一用 Tailwind。全员同意设计稿一致性提升了，但代码里怨言开始冒出来。 这篇文章...

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”...

通过开发 Babel 插件，打包时自动为代码添加 可选链运算符(?.)，从而有效避免 TypeError 的发生。...

本文总结自笔者的开发经验以及 Martin Fowler 的《重构，改善既有代码设计》读书体会，希望能帮助更多的开发者了解重构，重构并不是想象中的重活，它也可以很简单。...

在使用 ChatGPT 时，发现输入 prompt 后，页面是逐步给出回复的，发现这个接口的通信方式并非传统的 http 接口或者WebSockets，而是基于 Event...

在前端开发中，我们不可避免会遇到 Blob、File、FileReader、ArrayBuffer、Base64、URL.createObjectURL() 这些概念，是时...

前言 平时开发的过程中，常常会使用到一些第三方库来提高开发效率，我总结了自己工作这么久以来经常用到的 13 个库，希望对大家有帮助～ antd 全称应该是Ant Desig...

最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此...

大家好，我是老纪。在开发过程中发现npm包的Bug，首先向原作者提交issue或Fork代码修改后提交合并请求。但遇到不活跃或拒绝修改的情况，项目等待时间会很长。这时可以使...