搜索内容

前端技术
  • 报错:prettier.resolveConfig.sync is not a function(react/vue)
    前端技术

    报错:prettier.resolveConfig.sync is not a function(react/vue)

      报错信息 报错原因 prettier3与eslint-plugin-prettier4版本不兼容   解决方式 把prettier换成2x的版本 把eslint-plugin-prettier换成5alpha版……
    小何 2023年7月11日
  • react-flow 节点选中功能实现
    前端技术

    react-flow 节点选中功能实现

    前言 在拓扑图开发过程中,有个功能是:选中节点,然后更改节点样式功能。实现思路:节点点击事件中,更改自定义的data selected的值,选中的设置为true,否则……
    小何 2023年7月3日
  • react+mockjs+axios使用
    前端技术

    react+mockjs+axios使用

    步骤 在根目录新建mock文件夹,在文件夹下新建两个文件: index.js(暴露mock接口)、todo.js(mock接口) 在根目录新建utils文件夹,在文件夹下新建request.……
    小何 2023年6月30日
  • JavaScript 数组去重方法大全
    前端技术

    JavaScript 数组去重方法大全

    前言 在开发 JavaScript 应用程序时,经常遇到需要对数组进行去重的情况。 方法一:使用 Set 数据结构 const array = [1, 2, 3, 3, 4, 4, 5]; const uniqueAr……
    小何 2023年6月29日
  • react-flow自定义放大、缩小、居中工具栏
    前端技术

    react-flow自定义放大、缩小、居中工具栏

    前言 最近在使用react-flow过程中发现:dagre 不能使拓扑元素居中。于是另想了方法,通过工具栏的居中按钮操作居中。 具体效果 一进入界面就是居中状态,点击……
    小何 2023年6月29日
  • react-flow自定义节点
    前端技术

    react-flow自定义节点

    前言 在开发react-flow的过程中,自定义节点其实是一个很常用的功能,此文带大家一步一步定义自定义组件。   自定义节点使用 新建组件 {firstOrLast === ……
    小何 2023年6月28日
  • react-flow基础使用及dagre库的使用
    前端技术

    react-flow基础使用及dagre库的使用

    前言 最近项目中需要用到拓扑图的展示,最开始选用的是antv的拓扑图组件。antv组件虽然此很方便,但是在布局的时候总是会有莫名其妙的bug,然后自己也想法去解……
    小何 2023年6月28日
  • react-flow报错:Couldn’t create edge for source handle id: “undefined”
    前端技术

    react-flow报错:Couldn’t create edge for source handle id: “undefined”

    前言 最近在使用react-flow中,控制台报错:Couldn't create edge for source handle id: "undefined",刚开始查看时找不到原因,于是上官方git下,大概说的时……
    小何 2023年6月28日
  • React中jointjs使用
    前端技术

    React中jointjs使用

    前言 JointJS 是一款基于 JavaScript 的开源图表库,用于创建交互式流程图、组织图、UML 图和各种其他图形。它依赖于 jQuery 和 Lodash 库,并提供了许多有用……
    小何 2023年6月26日
  • react中styled-components 全局样式设置
    前端技术

    react中styled-components 全局样式设置

    前言 使用 styled-components 库时,你可以使用它的 createGlobalStyle 函数来设置全局样式。下面是一个示例: 安装 styled-components npm install styled-co……
    小何 2023年6月26日