- 博客(30)
- 收藏
- 关注
RSS订阅原创 echart数据正常，图表错乱原因
根本原因是：series里面的date不一致，有相同的date和长度才能正常渲染。以上配置series单独渲染都可以正常显示，但是这两个放一起就会如下图。
2023-04-21 19:59:14
392
原创 有多个模块的名称仅在大小写上有所不同。 在具有其他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
1833
原创 koa-bodyparser 无法获得post请求的参数
app.use(cors())app.use(bodyParser()) //bodyParser的引用一定要在路由系统的前面，不然的话每一次请求都没有压根执行解析app.use(router.routes()).use(router.allowedMethods())
2021-03-19 14:19:37
663
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
1327
原创 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
423
原创 关闭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
2186
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
原创 数组与对象之间的纠葛
数组转对象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
127
原创 滑动一段距离后实现吸顶的方式及坑点
需求：滑动一段距离后固定在视口顶部，实现吸顶效果JS：判断滚动距离后固定定位适用于无论多少层级的吸顶先上代码： window.onscroll = function () { let topScroll = document.body.scrollTop || document.documentElement.scrollTop //兼容 //这里86仅举例 if (topScroll >= 86 ) { //滚动超过多少为固定定位 setti
2020-08-13 19:16:43
766
原创 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
931
原创 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
1085
原创 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
958
原创 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关注的人