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

如题，朋友有个这样的需求，感觉挺常见，发出来给大家参考一下（水文 需求： 用el-table展示两组数据，有差异的单元格显示红色，新增的显示整行绿色 大概要点： 需要一个数据组，里面包含两组需要对比的

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

微前端是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用。本文对微前端的原理和实践进行了详细的描述，并预告Modern.js即将开源～

好吧，JSBridge虽然也算比较古老了，但关于JSBridge的原理也是一个目前作为一名前端开发人员需要了解掌握的知识。 现如今，在做移动端H5开发时，少不了与Native之间进行交互，这里的Native，包括了传统意义上的App和现如今各种各样的坑王小程序们。 通常，各大公…

假设我们正在编写一个注册页面，在点击注册按钮之时，有一些校验逻辑。我们通常会使用一些 if 语句来覆盖所有规则，但这样使得代码臃肿且无法复用。能否使用一种设计模式来解决上述问题呢？

测试同学测出来。 缺点：现在浏览器版本、手机机型太多，兼容性问题很难测完全。另外有些项目流程非常长和复杂，测试同学不能确保每次都能覆盖100%的Case； 同事code review。 上线线后用户投诉反馈。 缺点：用户的机型、浏览器百花齐放，我们复现问题很困难。另外大多用户不…

知道做架构师最头疼的是什么, 自然是画图. 最难画的图是什么图, 叫现状图, 之前看到一个蚂蚁的离职 P7 用代码屎山来形容老代码, 我想说维护这些都不算啥, 你有本事把这屎山画出来试试... 做了几年架构师, 我明白一个道理, 架构图就是充满美感的, 描绘屎一样现状的架构图是…

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…