Electron 应用接入 Sentry 与低版本兼容的实践方案 1 Electron 应用集成 Sentry 首先应从 Sentry 平台新建项目,并获得 dsn 地址。一般为了数据安全可控等原因,都会使用内部搭建的 Sentry 平台。下面示例为从 Sentry 官网注册账号并新建测试项目,获得 dsn 格式参考如下: https://[email protected]/999 前端开发 任侠 2022-08-25 2206 热度 0评论
升级 jest 28 后的单元测试执行异常问题及解决办法记录 1. 升级至 jest 28 升级后 package.json 中 jest 相关的主要依赖及版本参考如下: { "devDependencies": { "@jest/types": "^28.1.1", "@types/jest": "^28.1.1", " 前端开发 任侠 2022-06-17 1335 热度 0评论
React 17 中根据 DOM 节点获取 React 组件实例 在 React 中,通过 ReactDOM.findDomNode 方法可以获取组件实例中 render 方法返回的 DOM 元素。但是如果反过来,想根据 DOM 元素取得组件的实例怎么办?以下代码相信熟悉 React 的同学都见过: /** 根据 DOM 节点查找其所在的 React 组件实例 */ export function findReactElement(node) { for (co 前端开发 任侠 2021-09-21 1343 热度 0评论
React 函数组件之 useImperativeHandle 导出接口的 TypeScript 类型声明 使用 React Hooks 定义函数式组件,当需要对外暴露接口方法时,需要结合使用 React.forwardRef 和 React.useImperativeHandle 实现。 在基于 TypeScript 的开发模式下,如何正确的实现相关的类型定义和引用呢? 参考以下示例进行了解: /** 对外暴露接口的约束类型 */ interface LzwmeInputHandles { focus 前端开发 任侠 2021-01-05 1781 热度 0评论
React 16 中的错误边界(Error Boundaries)与全局错误处理 自 React 16 起,任何未被错误边界捕获的错误将会导致整个 React 组件树被卸载。 对于开发已久且 Code Review 不是那么严格的庞大项目来说,在升级到 React 16 以后,可能会发现以前只偶尔在局部出现影响不大而未获得足够关注的异常,现在会时常导致整个应用垮掉。 React 16 引入了错误边界(Error Boundaries)来解决这种情况。 1 错误边界(Error 前端开发 任侠 2020-06-01 2881 热度 0评论