每个进程都有自己的一部分独立的系统资源，彼此是隔离的。为了能使不同的进程互相访问资源并进行协调工作，才有了进程间通信。 一个Electron应用有一个主进程和多个渲染进程，渲染进程还可能内嵌多个webview。两两之间都可能需要进行通信，情况还是比较复杂的。 webview: …

首先，每一次会话都有一个唯一的session ID，这是串联起所有行为的纽带。 其次，用户行为又分成两个部分，其一是用户的操作，比如鼠标滑动，点击，页面滚动等，其二是页面的变化。这两者我们都统称为用户行为，记录在同一个队列中。 一开始的时候，系统会记录下初始的页面作为第一帧，这…

我们都知道 JavaScript 是一门 单线程 语言，也就是说同一时间只能做一件事。这是因为 JavaScript 生来作为浏览器脚本语言，主要用来处理与用户的交互、网络以及操作 DOM。这就决定了它只能是单线程的，否则会带来很复杂的同步问题。 既然 Javascript 是…

在前端监控系统中，或者其他场景下，如果我们需要监控当前页面下所有请求状态。可能通常请求下，我们会选择在请求的回调中去处理。这种做法的缺点就是会侵入具体的业务代码。在通常的监控中，监控部分的代码和业务部分的代码是分离的。此外，如果存在很多的请求需要被监听，通过侵入具体业务代码，为…

开篇之前先介绍一下场景。信息流是一个基于用户兴趣使用算法将用户感兴趣的新闻内容推荐给用户的一种业务。这种业务带有非常特色的场景就是用户有一个“永远”都刷不完的推荐流列表，点击列表中的新闻之后可以跳转到其详情页中查看新闻的正文内容。列表一般都是由客户端原生去实现的，而详情页这块由…

如果我们的应用想要实现这样一个需求：监听电脑的usb接口，当有新的设备（移动硬盘或者U盘）接入电脑时，能够获取里面的移动设备的情况并更新到应用程序的界面上。 按照 Electron 或者 Node.js 现成的接口，我们无法直接实现。 这时候，我们就可以根据我们自己的情况，对系…

Electron所使用的技术栈（JavaScript、NodeJs、HTML、CSS）和web前端工程师完美契合。于是，越来越多的前端工程师，用Electron来开发桌面客户端的开发，我也是其中的一员。 虽然Electron技术栈对前端工程师比较友好，但是概念较多，和web前端…

在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…

经过前面的初始化，提升开发体验和集成了一堆工具，调整了项目结构等等之后，我们是时候考虑进行项目打包了。 0. 添加打包路径工具 该配置项指定了打包路径和打包后的js文件名，在webpack的配置项中，output是必须有的。 以后指定打包文件存放路径的时候就可以直接使用这个工具…