- 博客(17)
- 收藏
- 关注
RSS订阅原创 前端设置proxy代理504报错
在与后端本地联调时，后端给了一个他的ip地址和端口，设置如下代理后报504终端提示 Error occured while trying to proxy to : xxxx proxy:{ '/api':{ targer:'10.100.100.100:9084', changeOrign:true } }原因是没设置请求协议所导致，加上即可。 proxy:{ '/api':{ targer:'http://10.100.100.100
2020-12-24 11:37:13
5801
原创 antd Form表单initialValue设置无效的问题之二
表单绑定后，在没有使用 form.setFieldsValue设置表单值之前， initialValue设置有效，在使用setFieldsValue 设置值之后，initialValue设置无效。 import React,{useState} from 'react' import {Form,Input,Button} from 'antd' const Example = (props)=>{ const [count,setCount] = useState(0) cons
2020-09-25 18:00:12
3683
原创 Antv/g6 自定义节点后拖动不流畅问题解决
初次使用G6，用的是官网推荐的Workflow Designer。使用后发现里面的自定义节点有时候会出现拖动失灵的情况，需要点击节点，按下许久再拖动,才不会出现拖不动的情况，这个问题困扰了很久，严重影响操作交互体验。后面发现凡是点击到自定义添加的图形图标和文字上都会出现拖不动的问题。自定义节点如下：drawLabel:(cfg,group)=>{ const description = group.addShape('text',{ attrs: { text: cfg
2020-09-03 11:52:41
6266
4
原创 javaScript 判断数组是否存在重复元素的方法
//判断非引用类型数组是否存在重复元素的方法:/** *@param {number,[]} arr *@return {boolean}*///方法一: const duplicate1 = function(arr){ let temp = {}; for(let i = 0;i<arr.length;i++){ if(temp[arr[i]]){ return true }else{ temp[arr[i]] = 1 }} return fals..
2020-08-31 18:28:32
5132
1
原创 javaScript旋转数组的几种方法
/***@param {number[]} arr*@param {number k} k*@return {void}*///方法一function rotateArray(arr,k){ for(let i = 0;i<k;i++){ arr.unshift(...arr.splice(arr.length-1,1)) }}//方法二function rotateArray(arr,k){ arr.splice(0,0,...arr.splice(arr.lengt..
2020-08-29 16:26:23
657
原创 antd Form表单initialValue设置无效的问题之一
在表格数据中，编辑数据时用到的表单需要使用initialValue 来设置初始值，以下写法会导致initialValue设置无效。当表单组件被<></> ，< div></ div> 等包裹时，initialValue设置无效// initialValue 设置无效的写法<Form.Item label="xxx"> {getFieldDecorator('xxx',{ initialValue:'default'})( <
2020-08-14 16:06:38
7158
2
原创 nodeJS简单版批量获取网页图片的方法
const https = require(‘https’);const cheerio = require(‘cheerio’);const HOST = ‘https://www.ett.cc’;const download = require(‘download’);let req = https.request(HOST+’/10955/’,res=>{let chunks = []res.on(‘data’,c=>chunks.push©)res.on(‘end’,()=
2020-08-05 18:40:37
478
1
原创 获取DOM元素后，对NodeList的遍历的几种方法
在使用原生方法或者jquery方法获取DOM元素后，想像正常使用数组的方法对其遍历时，发现一些数组的遍历方法使用不了，如map ，push ， pop等方法。NodeList 对象在某些方面和数组非常相似，看上去可以直接使用从 Array.prototype 上继承的方法。然而，除了 forEach 方法，NodeList 没有这些类似数组的方法。我们可以从下面的方法判断出来 <li>1</li> <li>2</li> <li>3&
2020-07-23 18:16:26
6480
原创 react-ace 的简单应用
PropDefaultTypeDescriptionname‘ace-editor’String用于编辑器的唯一IDmode‘’String解析和代码突出显示的语言splits2Number视图拆分orientation‘beside’String拆分的方向在旁边还是在下面theme‘’String使用的主题value‘’Array of Strings设置值defaultValue‘’Array of St...
2020-06-17 16:57:22
4305
1
原创 js获取树形结构父元素的方法
const datasource = [ { label:'key0', value:'00', children:[ { label:'key0-1', value:'001', children:[ { label:'key1-1-1', value:'0111', }, ] }, { label:'key0-2', value:'002', } ] }, {
2020-06-01 09:27:44
1920
4
原创 ant design Icon.createFromIconfontCN 添加iconFont 失败并报错问题解决
当页面需要使用较多字体图标时， antd内置的字体图标库满足不了需求，
2020-05-26 18:20:46
9837
原创 前端 webpack 打包环境配置，根据指令适配请求地址
下载cross-envnpm install --save-dev cross-env这里我们假如有两个地址，测试： “http://127.0.0.1:9000/ops/”开发： “http://127.0.0.1:9000/opsdev///在package.json里面编辑//这里是在umi上，其它环境也类似配置 { "scripts":{ "build":"umi...
2020-05-19 18:42:36
810
原创 ant-design Input 组件取消自动显示输入历史
Form默认开启 aotuComplete 功能，当submit 时会记录输入历史，取消自动补充功能，只需在Form 上加autoComplete=“off”即可关闭自动提示输入历史<Form autoComplete = "off"> <Form.Item > {getFieldDecorator('value')( <Input/> )...
2020-04-24 18:33:02
6982
原创 ant-design Table组件header部分样式被遮住问题
在某些场景，Table组件使用Y轴滚动后，会出现表头被表体遮住，如底部border被遮盖解决 : .ant-table-header{ margin-bottom:-5px !important; //根据实际调整 padding-bottom:0px !important;}...
2020-04-23 17:09:20
1797
原创 antd 表格加y轴滚动时行与行间错位问题
当表格左侧或右侧列使用fixed 时，加y轴滚动会出现与普通行不对齐。 .ant-table-body-outer{ margin-top:5px !important; // 根据实际调整matgin-top 大小}如果使用全局样式，会使其它使用fixed，但没有使用Y轴滚动的列出现偏移。建议在局部样式使用...
2020-04-23 16:32:37
2056
原创 antd Form组件行并列显示 Form表单属性为inline时,表单组件宽度问题
formLayout 不起作用Form标签 layout属性设置为’inline’ 时 下拉组件宽度没有自适应: // 方法1:用Row + Col 定义自己需要的宽度,把layout属性设置为'horizontal', const formLayout = { labelCol: { span: 4 }, wrapperCol: { spa...
2020-04-01 14:01:13
13541
1
原创 ant design Select下拉选中后,选中内容可编辑
ant design 下拉选中选项后输入框可编辑问题 : 当选择option后,无法编辑选择项 import React,{Component} from "react" import { Select } from 'antd'; const { Option } = Select; class Select extends Component { state = {value...
2020-03-25 18:13:08
3919
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人