自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 react浅比较导致视图不更新或更新异常

例如:选择勾选。

2023-04-23 17:16:17 245

原创 echart数据正常,图表错乱原因

根本原因是:series里面的date不一致,有相同的date和长度才能正常渲染。以上配置series单独渲染都可以正常显示,但是这两个放一起就会如下图。

2023-04-21 19:59:14 388

原创 有多个模块的名称仅在大小写上有所不同。 在具有其他case语义的文件系统上编译时,这可能会导致意外行为。

今天突然警告报错,导致无法热更新。记录一下原因login文件的目录是src/user/login/index.tsx但是我route路由配置的是:{ name: 'login', path: '/user/login', component: './user/Login' },改为配置{ name: 'login', path: '/user/login', component: '.

2021-12-14 15:48:10 1830

原创 koa-bodyparser 无法获得post请求的参数

app.use(cors())app.use(bodyParser()) //bodyParser的引用一定要在路由系统的前面,不然的话每一次请求都没有压根执行解析app.use(router.routes()).use(router.allowedMethods())

2021-03-19 14:19:37 662 1

原创 umi代理后,请求没有到后台,返回成功的html

问题:前端发起请求,请求成功,但是并没有到后台原因1: 没有按照代理要求写请求的接口,缺少/api我们实际的请求后端的地址是http://localhost:3000/getsurvey经过umi代理后 proxy: { '/api': { target: 'http://localhost:3000/', changeOrigin: true, pathRewrite: { '^/api': ' ' }, }, }axios的请

2021-03-19 10:33:09 1324

转载 mac 上安装momgodb

mac 上安装momgodb

2021-03-09 16:51:38 97

原创 context使用

使用场景父子组件自上而下的流动,需要一层层的传递,使用context就可以跨级传递 。衍生出来父子,兄弟,爷孙等组件数据流动context使用Provider.tsximport React, { createContext, ReactNode, useState, Dispatch } from 'react';interface Injected { counter: number, setCounter: Dispatch<any>, increment: ()

2021-02-24 12:08:18 177

原创 js按照目标数组进行排序

let targetarr = [ 'Aaa', 'AAA', 'AAA-', 'AA+', 'Aa1', 'Aa2', 'AA', 'AA-', 'Aa3', 'A1+', 'A1', 'A+', 'A2', 'A', 'A-',]let arr = [ 'AAA-', 'AAA', 'AA-', 'AA', 'Aaa', 'AA+', ]arr.sort( (prev, nex

2020-12-30 11:43:10 194

原创 and组件modal动态数据

期望效果:列表里有个操作按钮,每一条数据都可以从弹出的modal里复现原数据及修改原数据(如name,type)modal特性:<Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容,请设置 destroyOnClose //填写表单后,关闭modal数据仍存在。而我们的期望从新加载组件,再走一次useState,赋新的fund的值类组件在componentWillReceiveProps里判断props是否变化,如果id变化,从新拉取数据,更改绑定到moda

2020-12-16 14:52:30 308

原创 umi hooks里的mutate使用方法

1:如 文档上描述的使用方式2:mutate((tableProps)=>{ //tableProps是你要修改的数据,可以为类型any return { //return出去的新数据 ...tableProps, list: [1,2,3] } })

2020-11-25 16:22:16 609

原创 数组对象去重

结构类似var hash = {};arr = arr.reduce(function(item, next) { hash[next.name] ? '' : hash[next.name] = true && item.push(next); return item}, [])console.log(arr)

2020-10-12 11:46:49 97

原创 webpack代理---pathRewrite

今天遇到个问题,前提是项目是我本地有一份后端,端口号不同,前台4000,后端3100,请求方式4000代理到3100代理到本地:接口请求方式如下http://localhost:4000/api/scoringrules/all //每个请求后面都有/api配置:"proxy": { "/api": { "target": "http://localhost:3100", "changeOrigin": true, "pathRewrite": {

2020-09-21 15:24:08 8088

原创 js获取query传递的信息

window.location.search.split("&").map(item => item.split('=')[1])

2020-09-09 15:38:42 932

原创 url 汉字UTF8转换

如:汉字’我的跟踪’发送前:encodeURI('我的跟踪')window.location.search接收后,会变成utf8编码,需要进行转译,如下:let str = '%E6%88%91%E7%9A%84%E8%B7%9F%E8%B8%AA'decodeURI(decodeURI(str))

2020-09-09 15:38:09 422

原创 关闭eslint

关闭当前行码 // eslint-disable-line关闭下一行// eslint-disable-next-line代码块/* eslint-disable */ // 关闭/* eslint-enable */ // 开启

2020-09-09 15:37:07 395

原创 关于antd table组件警告key

1:设置了rowKey属性,但所指定字段的值不是唯一的Warning: Each child in an array or iterator should have a unique "key" prop.2:没有设置rowKey属性,不过设置了table的columns属性的配置中第一列的key(react所需),但key所指定字段的值不是唯一的Warning: Each record in table should have a uniquekeyprop,or setrowKeyto an u

2020-09-09 15:35:43 1402

原创 数组字符串排序

<!--names为初始杂乱的数据,如['b','a','f','d']--><!--bondSeriesOrder 为定义好的排列顺序,如['a','b','c','d','e','f','g']-->names = names.sort( (prev, next) => bondSeriesOrder.indexOf(prev) - bondSeriesOrder.indexOf(next) )<!--排序后数组['a','b','d','f']

2020-09-09 15:34:24 159

原创 Umi判断当前页面是不是从上一个页面返回

使用history对象来判断,当前页面是链接点进来的,还是从上一个页面按返回按钮回来的import { history } from 'umi';history.action == 'PUSH' //链接点过来的history.action == 'POP' //返回键ps:想要使用该方法,必须使用umi的路由方式,即history.push(地址)或者<Link to={地址}></Link>...

2020-09-04 19:52:51 2184 1

原创 从0-1学会发布npm包并使用

多个项目中有很多公共的utils方法,天天挪文件很烦,因此写到写一个npm包统直接引用初始化注册网站npm网站注册地址 创建npm包以我为例创建fof-utils文件夹npm init, 填写信息包括名字,版本,描述等,如下不想填写的可以直接回车为空属性意义name包的名字,默认是文件夹的名字version版本,默认1.0.0description包的作用描述entry入口文件test command测试命令git reposi

2020-09-02 15:08:13 142

原创 项目里引入iconfont动态加载不转义

由于没有ui而antd的图标库又不适合,故引入iconfont1:选择适合的图标加入购物车2 :添加到项目3:复制代码到自己的实际项目里面4:使用1: 在css里面引入点击后生成的代码@font-face { //复制的代码(这是我的,你的和我的不一定一样) font-family: 'iconfont'; /* project id 2030633 */ src: url('//at.alicdn.com/t/font_2030633_yp9whcpslal.eot');

2020-08-27 10:47:22 387

原创 mac杀掉进程

杀掉进程lsof -i :端口 。 //查看端口是否被占用sudo kill -9 进程ID // 杀掉杀掉后从新运行✅即可

2020-08-21 14:35:11 516

原创 数组与对象之间的纠葛

数组转对象Formily接收一个类似于{ "type": "object", "properties": { "tabs": { "key": "tabs", "type": "object", "name": "tabs", "x-component": "tab", "x-component-props": { "defaultActiveKey": "tab-2" }, "prope

2020-08-19 16:39:04 126

原创 滑动一段距离后实现吸顶的方式及坑点

需求:滑动一段距离后固定在视口顶部,实现吸顶效果JS:判断滚动距离后固定定位适用于无论多少层级的吸顶先上代码: window.onscroll = function () { let topScroll = document.body.scrollTop || document.documentElement.scrollTop //兼容 //这里86仅举例 if (topScroll >= 86 ) { //滚动超过多少为固定定位 setti

2020-08-13 19:16:43 765

原创 react Input组件输入字符串,失去焦点,需要重新点击获取焦点

出错的伪代码如下:import { Input } from 'antd'...let arr = [1, 2, 3, 4]... return ( <div> { arr.map((item) => { return ( <Input key={Math.random()} onChange={(value)=>{ console.log(value

2020-08-12 18:31:41 2093 1

原创 react动态添加iconfont的字符串unicode编码,转译

<i className="iconfont" dangerouslySetInnerHTML={{ __html: item.icon }}></i>

2020-08-12 10:20:15 930

原创 react-hooks使用memo函数性能优化

使用memo函数包裹组件,类似与purComponent,可以进行浅比较memo(组件,判断函数)export default memo(()=>{···}, (prevProps, nextProps)=>{if (prevProps === nextProps) { return true; // 不更新渲染 } return false; // 更新渲染}) ps:对象或者函数不好判断时候,可以使用JSON.stringify转换成字符串进行

2020-08-03 17:19:33 563

转载 git操作

拉取git checkout mastergit pull upstream master创建本地分支并切换到该分支git checkout -b 分支名删除远端分支 git push origin --delete 分支名删除本地分支git branch -d 分支名推送本地分支到远端,建立关联关系,都基于在local_branch分支上操作 a.远程已有remote_branch分支并且已经关联本地分支local_branch git push

2020-07-24 16:10:12 274

原创 锚点踩坑那些事

最近有个需求是关于锚点点击后快速跳转到目标位置,爬坑出来,记录一下,以备未来再次遇到。好记性不如烂笔头。antd Anchortitle属性支持自定义样式我们的目标是自定义样式实现锚功能坑点1:目标结构实际渲染会多出来一个div在第一个,渲染的是demo里的蓝色圈圈???? 解决办法:css让小球的布局为none,原来为inline-block:global(.ant-anchor-ink-ball.visible) { display: none !important

2020-07-13 18:45:42 1084

原创 moment常用使用方法记录

平常偶尔使用,特此记录日期格式化moment().format('MMMM Do YYYY, h:mm:ss a'); // 七月 2日 2020, 11:14:42 上午moment().format('dddd'); // 星期四moment().format("MMM Do YY"); // 7月 2日 20moment().format('YYYY [escaped] YYYY'); // 2020 escaped

2020-07-02 14:43:40 957

原创 highChart绘图及jx-xlsx导出表格

简介highchart是一个纯js的图表库,支持普通图表,地图,股票图等,属于配置型图表,与echart类似。使用方法html页面引入:<script src="http://cdn.highcharts.com.cn/highcharts/highcharts.js"></script>npm安装npm install highcharts --saveimport Highcharts from 'highcharts/highstock'图表组成常见如:

2020-06-19 20:39:35 334

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除