- 博客(12)
- 资源 (2)
- 收藏
- 关注
原创 设计模式资料
设计模式感觉无论是在面试场合还是在实际运用层面都能派上用场,有时间确实要好好参悟一下,了解一下设计模式的基本知识,再慢慢与工作结合在一起,或许可以解决一些工作当中的困惑。
2022-10-27 16:41:24
149
原创 react 文字溢出缩略...,鼠标悬浮时,文字缩略的div弹出完整文本框
直接上代码js判断部分/* 判断文字是否溢出,当溢出才显示popover */ const hover = () => { const checkDom = myDom.cloneNode(); checkDom.className = Styles.CloneNode; checkDom.innerHTML = myDom.innerHTML; const parent = myDom.parentNode;
2022-04-08 17:12:55
1671
原创 antd 如何在函数组件中拿到 form 实例?
通过 forwardRef 和 useImperativeHandle 的组合使用来实现在函数组件中正确拿到 form 实例:import React, { forwardRef, useImperativeHandle } from 'react';import Form, { FormComponentProps } from 'antd/lib/form/Form';const FCForm = forwardRef<FormComponentProps, FCFormProps>
2022-03-18 10:42:15
1503
原创 antd form表单中嵌套自定义组件
前言当某些自定义的组合类组件,也希望能进行表单元素的校验,以及利用antd的form表单实例进行数据的修改或者数据获取,这招便可以派上用场啦~表单部分<Form.Item label="周期" labelAlign="right"> {getFieldDecorator('cycle', { rules: [{ required: true, validator: checkCycle }], initialValue: cycle, })(
2022-03-03 17:14:08
3682
原创 windows使用 gnvm 安装更新node最新版本
近日,在学习Next.js得一些内容,进行到使用create-next-app运行一个工程时,遇到一个问题。经过搜索发现是node.js得版本不够新导致得,于是查看本地node得版本接下来,思考一下如何方便快捷无需下载进行node.js得更新,发现一篇好的攻略https://blog.csdn.net/wopelo/article/details/58646885不过文中提到的地址进行了重定向,为了方便各位阅读,这里给各位直接贴上,是关于gnvm得下载以及使用:gnvm以下内容是我的操作:
2022-01-28 11:10:31
1811
1
原创 dva踩坑 - 多个dispatch最终只触发一个
dva踩坑 - 多个dispatch最终只触发一个近日,遇到两个问题,这里简单描述一下:第一个问题:在同一个页面,分别有两个不同的组件,调用了同一个接口,进入network面板发现两个接口都请求了并正常返回数据。另外介绍一下该数据的用途,第一个组件中用于构建一颗树直接展示在页面,另一个功能是第二个组件中用于构成下拉框的数据筛选来源。呈现在页面上的bug:第一个组件的树状图形没有呈现出来,但是下拉框的筛选项能正常出现。。。再来说第二个问题:在一个页面,有一个数组map返回的函数式组件,由于业务需要,在
2022-01-20 20:01:45
1386
原创 TS 泛型类与类型约束
泛型类注意: 不能用于类的静态成员报错:实例化:注意:实例化时可以不指定类型,此时函数调用时可以传入任意的数据类型泛型约束举个栗子:报错:泛型约束注意:T继承了Length接口,表示T受到了一定约束,传入的参数需要具有length属性比如:小结:泛型的好处1. 函数和类可以轻松的支持多种类型,增强程序的扩展性2. 不必写多条函数重载,冗长的联合类型声明,增强代码的可读性3. 灵活控制类型之间的约束...
2021-08-11 18:51:03
988
原创 TS 中的声明合并
作用:会把ts中同名的声明进行合变成一个声明,即使写在不同文件也不影响举个栗子:接口的生命合并变量a在进行实现是必须包含所有的接口成员接口内,同名函数声明会变成函数重载,重载顺序按照以上写在后面的接口声明会排在前面进行函数重载字面量函数定义会优先排在前面定义接口内,同一成员非函数类型的,数据类型需要保持一致,否则会报错,比如 y命名空间内,导出的成员不可以重复定义举个栗子,a.ts跟b.ts的命名空间中都含有square函数的定义命名空间和函数的声明合并命.
2021-08-11 17:58:10
839
原创 TS 命名空间
命名空间也叫闭包,可以隔绝作用域定义关键字 - namespace当希望命名空间中的属性在全局可见,需要使用 export 关键字将其导出,否则变量只在命名空间内可见拆分命名空间在另一个文件下,使用同一个命名空间定义命名空间和模块不要混用,不要在一个模块中使用命名空间,命名空间应该在一个全局的环境下使用,正确的做法是需要先将两个包含命名空间的ts文件编译成js文件,再在index.html文件之中通过 srcipt 标签引入。三斜线指令 - 表明当前文件对其他文件的引用当前.
2021-08-11 17:53:16
1587
原创 TS对ES6与CommonJs的模块系统的兼容性
安装ts - node npm模块 - 可以直接执行 .ts文件,不需要先编译成js文件执行命令 - ts-node xxx结论:ts在开发环境,对ES6跟CommonJS都能很好的支持在ts生产环境配置文件 tsconfig.json修改target属性 - 代表编译后的语言的目标版本用tsc命令,将ts编译成不同的ES版本编译成ES3 - 模块为CommonJS模块编译成ES5 - 模块仍然为CommonJS模块,Object.defineProperty为ES5的新.
2021-08-11 17:25:02
2308
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人