前端技术
-
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…… -
-
nextjs13中cssModule设置子标签的样式
前言 最近在学习nextjs中发现,如果在cssModule文件中直接设置子标签的样式比较麻烦,最后在网上看到一种方式可以解决,方式如下。 ps: 此方式不一定最优,因…… -
前端开源实用的编辑器库tiptap的使用
前言 最近发现一个好用的编辑器库,尝试了一下,挺方便的 安装tiptap pnpm install @tiptap/react @tiptap/starter-kit 使用tiptap import { us……