前端技术
-
JavaScript 数组去重方法大全
前言 在开发 JavaScript 应用程序时,经常遇到需要对数组进行去重的情况。 方法一:使用 Set 数据结构 const array = [1, 2, 3, 3, 4, 4, 5]; const uniqueAr…… -
react-flow自定义放大、缩小、居中工具栏
前言 最近在使用react-flow过程中发现:dagre 不能使拓扑元素居中。于是另想了方法,通过工具栏的居中按钮操作居中。 具体效果 一进入界面就是居中状态,点击…… -
react-flow自定义节点
前言 在开发react-flow的过程中,自定义节点其实是一个很常用的功能,此文带大家一步一步定义自定义组件。 自定义节点使用 新建组件 {firstOrLast === …… -
react-flow基础使用及dagre库的使用
前言 最近项目中需要用到拓扑图的展示,最开始选用的是antv的拓扑图组件。antv组件虽然此很方便,但是在布局的时候总是会有莫名其妙的bug,然后自己也想法去解…… -
react-flow报错:Couldn’t create edge for source handle id: “undefined”
前言 最近在使用react-flow中,控制台报错:Couldn't create edge for source handle id: "undefined",刚开始查看时找不到原因,于是上官方git下,大概说的时…… -
React中jointjs使用
前言 JointJS 是一款基于 JavaScript 的开源图表库,用于创建交互式流程图、组织图、UML 图和各种其他图形。它依赖于 jQuery 和 Lodash 库,并提供了许多有用…… -
react中styled-components 全局样式设置
前言 使用 styled-components 库时,你可以使用它的 createGlobalStyle 函数来设置全局样式。下面是一个示例: 安装 styled-components npm install styled-co…… -
谷歌浏览器插件开发之打开一个新的tab页面
前言 今天给大家分享: 谷歌浏览器插件开发之打开一个新的tab页面 代码 打开代码 const onOpenAuthorHomePage = () => { chrome.tabs.create…… -
谷歌浏览器插件开发之消息传递
前言 本项目基于react+vite开发,content.js我用组件的js代替,popup用组件代替 相关代码 content.js // 发送数据,并打印接收 const onTranslationC…… -