Recorder H5录音开源库 采用的浏览器MediaRecorder、ScriptProcessor或AudioWorklet接口对getUserMedia返回的音频流进行音频采集

本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federation的大包流程进行阐述；

通过对上一篇微前端学习系列(一): 微前端介绍学习，相信大家对微前端及当前流行技术方案已经有了一个初步的认识了吧。本文将在上一篇的基础上，就 single-spa 方案从用法、常用API、实现原理等方面进行详细梳理，希望能给到大家一定的帮助。 在开始之前，我们先做一个简单回顾。…

当前，基于 vue、react、angular 的单页应用开发模式已经成为业界主流。受益于它们丰富的生态，我们可以使用这些技术快速构建一个新的应用，迅速响应市场。随着公司业务的不断发展，应用开始变得庞大臃肿，逐渐成为一个巨石应用，难以维护不说，每次开发、上线新需求时还需要花费不…

通过mask-image属性我们得到了一个径向聚焦的效果，通过css变量让这个聚焦效果可以随着鼠标的移动而移动，接下来就一起来看看这个效果是如何实现的吧。

是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。

当我们打开 React 官网时，会发现从浏览器上输入url 到页面首屏完全展示这一过程所花的时间极其短暂，而且在点击页面中的链接切换路由时非常顺滑，几乎页面可以做到“秒切”的效果，根本不会出现卡顿等待

我们可能都遇到过代码都上生产了，结果出现了一些未知的问题；我们也可能想通过查看线上的数据，看看哪些需求带来了收益，哪些并没有。基于这些原因，我们就想明白了为什么要前端监控 对于页面卡顿，我们是最熟悉了，看视频时卡，玩游戏时卡等等场景，作为用户，我们遇见卡顿很难受，作为开发人员，…

本文记录了使用mozilla/source-map库来定位打包后的js代码错误，至于sourcemap文件的原理在此不再赘述，网上已经有很多很好的教程文章，比如阮一峰老师的JavaScript Source Map 详解与joeyguo的脚本错误量极致优化-让脚本错误一目了然。…