copy 复制断点处作用域的变量值 在 debugger 模式下，可以直接在控制台打印当前断点处作用域内的变量。 如果想复制相关变量的值，有两种快捷方法： 在控制台中输入 copy(<变量名>) 在控制台中输入该变量名，打印出该变量，在其上右键选择第一项 Copy Object 如此操作后该变量值即被复制到剪切板中了。 条件断点 debugger 指定位置的代码，右键选择修改断点 -&

electron 中的应用实例多开，会因为 session 共享而存在 indexedDB 多次打开异常。大致会遇到类似如下报错： DOMException: Internal error opening backing store for indexedDB.open. 当应用中使用了 indexedDB，这是个必然会面对和需要解决的问题。 如果没有必要，可以在启动时检测和禁止应用多开。 若确有

前端包管理工具面临的主要难题，面对项目庞大的 npm 包依赖链，如何快速安全稳定的进行安装和管理。 1 npm(Node Package Manager ) npm 是针对 Node.js 的遵循 CommonJS 包规范实现的包管理器。正是 npm 的出现使得 Node.js 社区的开放性变得简单且发展迅速。开发一个遵循 CommonJS 规范的 npm 包相当简单，而只需要注册一个 npm 账

在 React 中，通过 ReactDOM.findDomNode 方法可以获取组件实例中 render 方法返回的 DOM 元素。但是如果反过来，想根据 DOM 元素取得组件的实例怎么办？以下代码相信熟悉 React 的同学都见过： /** 根据 DOM 节点查找其所在的 React 组件实例 */ export function findReactElement(node) { for (co

在对 Electron 应用的问题进行分析时，相关的系统运行信息有时也是必不可少的，所以自然就有了系统基础信息收集和运行性能监测的需求。 Electron 中的原生能力基于 Node.js，所以 Electron 应用的系统数据收集大多数是基于 Node.js 提供的能力实现。在 Node.js 应用中，主要可以通过 process 和 os 模块获取各种系统相关的信息，其中又可分为静态基础信息和

相比 React 16 来说，React17 的新特性就是无特性，所以从 16 升级至 17 是相对比较平滑的。但一个具有破坏性变更的就是事件系统的更改。 In React 17, React will no longer attach event handlers at the document level. Instead, it will attach them to the root DO

1 Node.js 中的 zilb 库与文件压缩 zlib 支持的三种压缩算法：gzip、deflate、brotli。基础用法示例： import zlib from \'zlib\'; function zip(str, encoding = \'gzip\') { str = typeof str === \'string\' ? str : JSON.stringify(str); if (encod

这是一篇历时一年多的 webpack5 升级式实践总结。最早在 2020年4月份 webpack5 处于 beta 阶段时即开始相关的项目升级尝试，后续过程中又间断的进行了几次尝试，均因自编插件和第三方插件的兼容性等原因一直停留在不同的版本分支中。 2020-04：webpack5@5.0.0-beta.15+ 2020-07：webpack5@5.0.0-beta.21+ 2020-10：web

在一些特殊需求中，需要使用到严格模式下被禁止而导致报错的语法，此时需要避免构建的结果包含 use strict。 1 编译构建时不添加 use strict 1.1 babel-loader 设置 strictMode=false babel-loader 通过 @babel/helper-module-transforms 处理模块的转换，它提供一个配置参数 strictMode 用于指定是否编

1. Electron 中的应用崩溃(crash) 如果仅是 Javascript 引起的异常，可以在应用逻辑中监听相关 Error 类型的事件并进行处理。通过在监听 crashed 相关事件，可以在应用内监听到应用崩溃并给出响应： app.on(\'gpu-process-crashed\', (_event, killed) => {}); app.on(\'renderer-process-