- 博客(26)
- 收藏
- 关注
RSS订阅原创 Ant Design Pro 项目图表组件点击事件
背景:使用框架配套图表组件charts 要求柱形图可实现点击事件方法:onReady官网:https://charts.ant.design/zh/docs/api/options/events实际项目示例:柱形图实现点击事件 <Column {...colConfig1} loading={loading} onReady={onReadyLocCol} /> //科室 柱形图的柱子被 click 的时候 const onReadyLocCol = (plot: an
2022-03-11 11:33:13
1335
1
原创 Ant Design Pro 项目路由跳转及路由传参跳转
背景:项目需要领航页,领航页需要实现点击列表内容跳转到相应的二级页面,并且带参跳转.跳转方法:Link官网:https://beta-pro.ant.design/config/api-cn#link接收数据方法:useLocation官网:https://beta-pro.ant.design/config/api-cn#uselocation实际项目示例: <Link to={{ pathna
2022-03-11 11:03:25
3194
原创 antd pro 父组件使用子组件函数
前言:因为项目多页面基本相同,所以抽取了公共部分做成组件.但是遇到一些页面需要个性化渲染,渲染的DOM还绑定了函数.就导致父组件需要使用子组件内的函数.下面展示实现过程.1.父组件2.子组件...
2021-11-19 14:52:15
754
原创 ant design pro使用select添加特殊项实现禁用及清空回填项功能
需求:1.选择 全院 时,其他项禁用2.已选择其他项目后再选择全院,回填内容只保留 全院坑:因为整体是个查询条目,用form包裹了,所以组件的onChange等内容不能使用.上代码:渲染代码<Form form={form} style={{ display: 'flex' }} onValuesChange={formChange}> <Form.Item name="locID" label="科室" s.
2021-10-21 17:08:13
1227
原创 ant design pro charts图表渲染之后台数据类型转换
问题描述:图表渲染是需要的是数值类型,后台传过来的是字符串类型,导致图表无法正常渲染.示例:渲染饼图时,后台传过来的Total为字符串这时就需要前端自己修改下数据,直接上代码//字符串转数值 const strToNum = (arr: any, target: any) => { for (let i = 0; i < arr.length; i++) { for (const key in arr[i]) { if (key === targ
2021-10-11 17:39:55
492
原创 Ant Design Pro项目部署后在IE上打不开问题解决
1.控制台出现无效字符错误出现这种错误,使用mapsource找到报错代码位置,然后查看是否出现转义字符/n一般这个报错就是由于打包时eslint把转义字符转换成IE不能识别的模板字符串造成的.解决办法如下:config.ts中删除eslint相关设置package.json中删除如下代码"pre-commit": "npm run lint-staged"2.若不是上述错误,那就查看项目的config.ts文件是否设置支持IEconfig.ts targets: { ie:
2021-09-15 15:46:11
885
原创 Ant design Pro 项目部署后打不开问题解决
1.解决静态资源引用路径问题首先在network中进行排查,若出现图片等静态资源无法打开,就查看引用路径是否正确.一般我们直接打包过来的引用路径是没有前缀的,但是根据个人部署情况的特殊性,可能导致整体项目前会有相对路径,这时就需要我们在config.ts文件中进行相关设置.示例:{... base: '/imedical/web/service/emrquality/dist/', publicPath: '/imedical/web/service/emrquality/dist/',
2021-09-15 14:36:40
2008
原创 多维数组定位--递归
1.增//根据ID找到层级,插值 const findAddID=(arr:any,target:any,list:any)=>{ const add=(arr:any)=>{ for(const [i,item] of arr.entries()){ if(item.ID===target){ if(arr[i].children==undefined){ arr[i].children=[]
2021-08-10 14:27:06
270
1
原创 数组找差集
1.差集//两个数组合并,筛选出不同部分 即没被勾选的部分let diffList = keysAll.concat(arr).filter((val:any) => keysAll.includes(val) && !arr.includes(val)) keysAll 大数组arr 小数组
2021-08-10 14:19:54
116
原创 读取本地txt文件内容,作为参数传给后端
本功能基于antd pro项目,所以使用antd组件–upload1.使用上传组件读取文件内容html片段<Upload beforeUpload={getTextInfo} showUploadList={false} > <Button type='primary'> <img src={importImg} style={{marginRight:10}} /> 导入 </Button></Upload>
2021-08-09 11:18:30
705
原创 搭建antd pro v5 项目框架
1.本地环境准备a.node 版本,推荐用官方最新稳定版b.包管理工具 tyarn安装命令:国内源$ cnpm i yarn tyarn -g$ tyarn -v2.初始化脚手架tyarn create umi myapp3.安装依赖tyarn4.安装umityarn add @umijs/preset-ui -D5.启动项目tyarn start...
2021-07-16 15:49:03
389
原创 antd pro v5 从接口获取部分菜单,拼接到固定菜单上
1.根据官网提示,在app.tsx上做出更改把从接口获取的菜单修改好格式后返回,然后拼接到已有菜单中,拼接处见下图2.去config.ts里,注释原有路由设置注意:1.不注释掉原本地路由的话,页面会跳4042.由于从接口获取数据为异步,所以偶现菜单迟滞显示...
2021-07-14 18:02:18
568
1
原创 Proxy&Reflect
//需求:阻止对以_为开头的属性的任何访问let user = { name: 'aaa', age: 12, _psd: '***'}//用Proxy代理user，第一个参数是目标对象，第二个参数为对象，里面放置各种进行拦截操作的钩子函数user = new Proxy(user, { //拦截获取 get(terget, prop) { if (prop.startsWith('_')) { throw new Er
2021-04-14 16:12:05
79
原创 Set&WeakSet
1.一种内容不能重复的数据结构2.常用方法let s = new Set()console.log(s)let s = new Set([1, 2, 2, 3])console.log(s)//添加元素 支持链式结构s.add('ada').add('rrr')console.log(s)//删除元素s.delete(2)console.log(s)//判断是否包含某元素console.log(s.has('rrr')) //bool//长度console.log(s.
2021-04-14 10:03:35
65
原创 Symbol
原始数据类型：Number、String、Boolean、Null、UndefinedES6中出现了一种新的原始数据类型——Symbol 用于标识1.用法let s1 = Symbol()let s2 = Symbol()console.log(s1)console.log(s1)console.log(s1 === s2)//添加描述let s3 = Symbol('aaa')let s4 = Symbol('bbb')console.log(s3)console.log(s
2021-04-13 17:35:47
61
原创 类和继承代码示例
1.ES5中类和继承2.ES6中类和继承class People { constructor(name, age) { this.name = name this.age = age this._sex = -1 } get sex() { if (this._sex === 1) { return 'male' } else if (this._sex === 0) {
2021-04-13 14:12:25
97
原创 深拷贝&浅拷贝
本质：值的改变会不会相互影响1.对于原始数据类型，复制之后再改变值，不会相互影响。属于深拷贝let a=5let b=aa=6console.log(a,b)得到结果，6 52.对于引用数据类型，因为在复制的时候是按值传递，所以其中任意一方值改变，会相互造成影响。属于浅拷贝解决：两个独立的引用地址对于对象的深拷贝，可以使用JSON.parse与JSON.stringify转化一下。let str=JSON.stringify(obj1)let obj2=ISON.parse(str)
2021-04-12 17:42:25
29
原创 ES6对象遍历方法
let obj={ a:1, b:2}第一种for (let key in obj) { console.log(key,obj[key])}在这里插入代码片第二种Object.keys(obj).forEach(key=>{ console.log(key,obj[key])})在这里插入代码片第三种Object.getOwnPropertyNames(obj).forEach(key=>{ console.log(key,obj
2021-04-12 15:49:59
194
原创 数组知识
1.判断是否为数组API instanceof Array //bool2.1将类数组转化为数组 //ES5方法let arr=Array.prototype.slice.call(divs3) //divs3为类数组console.log(arr) //得到数组2.2将类数组转化为数组 //ES6方法let arr=Array.from(divs3)console.log(arr)3.Array.of 用法3.1直接将参数保存为数组的内容let arr=Array.of(3)3.2
2021-04-12 14:43:55
52
原创 var let 闭包
1.输出结果 三个3for (var i = 0; i < 3; i++) { setTimeout(() => { console.log(i) });}2.输出结果 0 1 2for (let i = 0; i < 3; i++) { setTimeout(() => { console.log(i) });}3.输出结果 0 1 2for (var i = 0; i < 3; i++) {
2021-04-09 11:18:02
65
原创 创建react项目报错
创建react项目报错(创建react项目报错)#报错截图 （‘create-react-app’ 不是内部或外部命令，也不是可运行的程序或批处理文件。）参考官网，输入以下命令行npx create-react-app my-app就好啦新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片
2021-04-08 17:14:58
146
原创 2020-08-06
关于jq封装自定义插件的疑惑想封装一个自定义插件在原型对象中直接用this而不用$（）包装，是因为this指向将来调用的点前的已经被$（）包裹的jq子对象所以也可以在this后面直接调用已有的jq家的函数我疑惑的是，现在做的事情是在原型对象中添加新方法，那么在这个方法编写的时候可以用已有的jq家的方法吗？？？是不是因为在引用自定义插件之前，需要引用jq，所以，就可以在自定义的方法内引用已有的函数。。。按我的理解，应该写DOM原生的。。。还是没捋明白，求解惑| ू•ૅω•́)ᵎᵎᵎ...
2020-08-06 00:50:29
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人