rocky191

在使用playwright回放过程中，会存在打开浏览器多 tab 页签的场景，需要获取对应页面的 page 对象，然后进行操作激活。

开发谷歌插件的过程中，监听用户浏览器操作行为，vue3 项目使用hash路由，监听菜单切换动作存在录制重复。

在开发谷歌浏览器录制插件的过程中，发现无法监听 vue2 项目的元素拖动事件，拖拽组件使用的是 vue2 的vue-smooth-dnd 包。

背景 在开发谷歌浏览器插件以录制用户行为时，针对使用 Vue.js 或 React 等现代前端框架的应用，动态添加的元素可能未被正确识别和记录。 解决方案 使用 MutationObserver 监听

基于MonacoEditor编辑器，实现类似git diff效果。两侧代码均可以实现编辑、赋值、取值。

vite中使用模块联邦实战，Module Federation 中文直译为“模块联邦”，该功能很好的解决了多应用模块复用的问题，相比之前的发布成npm包或者使用iframe的方式，更加优雅和灵活。

vue2版本代码编辑器引入踩坑记录，基于codemirror，vue-codemirror，实现不同语言输入并校验格式

vite热更新流程解析，即HMR，对比了webpack的热更新，vite实现了自己的热更新方式，更快，更强。

最近又重新刷了一遍《微信背后的产品观》，遂有了如下的一些感想，就权当记录一下吧！部分内容是书中摘抄，建议有机会可以看看原书！